jQuery use multiple variables for event handler

Question

If you have setup two jquery objects to trigger the same event how would you write the event handler using the variable names.

var overlay     = content.find('.qv-overlay'),
    close_btn   = content.find('.close_btn');

// Remove Content Container
$('.qv-overlay, .close_btn').on('click', function(e){
    content.remove();
});

Something like

$(overlay, close_btn).on('click', function(e){
    content.remove();
});

Adil · Accepted Answer · 2015-05-28 11:20:04Z

3

You can use add()

.add()

Create a new jQuery object with elements added to the set of matched elements.

overlay.add(close_btn).on('click', function(e){
    content.remove();
});

answered May 28, 2015 at 11:20

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Collectives™ on Stack Overflow

jQuery use multiple variables for event handler

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related