Remove current event handler in JQuery?

Question

I want to remove an event handler when an event is triggered. I can't use one() because there are cases when I don't want to remove the event handler. Here's what I mean:

$('#a').on('click',function(){
  if(...)
    // remove current event handler
});

Edit: I forgot to mention that there are other event handlers attached to $('#a'). I only want to remove the current one.

Answer 1

To unbind an event handler within itself:

$("#a").on("click", function(evt){
    if (...)
    {
        $(this).off(evt);
    }
});

It isn't very well documented in .off(), but you can read a better explanation of this "third form" from section "Using the Event Object" in .unbind().

Answer 2

Use .off(), with name spaced event names

$('#a').on('click.myevent', function () {
    if (...)
    // remove current event handler
    $(this).off('click.myevent')
});