Capture clicks on elements with ID in array

Question

I need to capture click on elements with ids stored in array ids.

E.g:

ids = ['item1','item3','item4']

<a href='' id='item1'></a>
<a href='' id='item3'></a>
<a href='' id='item4'></a>

When clicking on 3 it should return 3 and prevent redirect.

You cannot have IDs that begin with a digit. w3.org/TR/html4/types.html#type-id — Tomalak
– Tomalak, Commented Mar 17, 2012 at 22:49
What do you mean by "return 3" what is the DOM structure? did my answer helped you? — gdoron
– gdoron, Commented Mar 17, 2012 at 22:55

gdoron · Accepted Answer · 2012-03-17 23:01:04Z

2

If return 3 means alert 3...

$.each(ids, function(index, value) {
    $('#' + value).click(function(event) {
        alert(this.id);
        event.preventDefault();
    });
});

answered Mar 17, 2012 at 22:42

gdoron

151k59 gold badges302 silver badges376 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

@ElliotBonneville. Easy question, typo... :)

Could you upload a fiddle? For some reason I cannot make it work.