How to delegate click event to children of jQuery element array?

Question

I have two elements and I want to delegate click event to their children. This code works:

list.on('click', '> *', function (e) {
    clickHandler($(this), e);
});
listSelected.on('click', '> *', function (e) {
    clickHandler($(this), e);
});

Tried to use jQuery element array, but this code doesn't work:

$([list, listSelected]).on('click', '> *', function (e) {
    clickHandler($(this), e);
});

list and listSelected have to be DOM elements, not jQuery elements in order to pass as an array of selectors — zgr024
– zgr024, Commented Jan 9, 2015 at 19:18
@Teemu - accoring to documentation this is called delegated event or do I miss something? http://api.jquery.com/on/ — iGidas
– iGidas, Commented Jan 9, 2015 at 19:24
@iGidas Looks like I've missed the fact, that you can ofcourse delegate to many elements too : ). — Teemu
– Teemu, Commented Jan 9, 2015 at 19:31

adeneo · Accepted Answer · 2015-01-09 19:12:10Z

2

You can use add()

list.add(listSelected).on('click', '> *', function (e) {
    clickHandler($(this), e);
});

answered Jan 9, 2015 at 19:12

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Riad · Accepted Answer · 2015-01-09 19:13:28Z

0

$('#your_list').children().each(function(){
    $(this).bind('click', clickHandler) ;
}) ;

answered Jan 9, 2015 at 19:13

Riad

3,8585 gold badges30 silver badges39 bronze badges

1 Comment

zgr024 Over a year ago

Note: you should use .on() instead of bind as of jQuery 1.7+

Collectives™ on Stack Overflow

How to delegate click event to children of jQuery element array?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related