Question

quick and probably dumb question. I have the following situation:
I select multiple elements and bind a click handler to them. After they are clicked I want to remove the handler and unbind the click from all of them. $(this) always refers to the element that is actually clicked, so $(this) only removes the click handler from the element that is clicked – not from all selectors I bind the event to.

$(modal + ' .modal-close, ' + modal + ' a.cancel_link, ' + modal + ' .okBtn').bind('click', function(e) {
        e.preventDefault();
        ...
        //$(this).unbind('click');
        $(modal + ' .modal-close, ' + modal + ' a.cancel_link, ' + modal + ' .okBtn').unbind('click');
});

The weird question is. Is there a better way to this or do I have to repeat all selectors within the function to unbind the click from all selectors? I know I could declare a variable before, but is there anything like $(this-all) 🙂

Answer 1

You can capture the initial jQuery object in the closure:

var $all = $(modal + ' .modal-close, ' + modal + ' a.cancel_link, '
    + modal + ' .okBtn');
$all.click(function(e) {
    e.preventDefault();
    // ...
    $all.unbind("click");
});