He adjuntado controladores de eventos delegados a una serie de elementos en la página usando un solo selector. Como los eventos se activan para elementos individuales, me gustaría desactivarsolo ese elemento controlador de eventosbasado en alguna lógica condicional. Eso significa que no necesariamente querré deshabilitar el evento con el primer clic. Pero no puedo entender cómo hacerlo sin desactivarlos todos.

HTML:

<button>One</button>
<button>Two</button>
<button>Three</button>

JS:

$(document).on('click', 'button', function(ev) {
    // doesn't work because argument needs to be a string
    $(document).off('click', $(ev.target));

    // doesn't do what I want b/c turns off events on all buttons, not just this one
    $(document).off('click', 'button');

    // doesn't work because event is on document, not button
    $(ev.target).off('click');
});

jQuery'sfuera de la documentación dice que necesito proporcionar uncuerda como segundo argumento, no un objeto jQuery ($(ev.target)), pero si proporciono una cadena, no hay ningún valor que se refiera solo al elemento en el que se hizo clic.

De la documentación fuera de jQuery:

Para eliminar controladores de eventos delegados específicos, proporcione un argumento selector. La cadena del selector debe coincidir exactamente con la que se pasó a .on () cuando se adjuntó el controlador de eventos. Para eliminar todos los eventos delegados de un elemento sin eliminar eventos no delegados, use el valor especial "**".

Entonces, ¿cómo apago un controlador de eventos delegado para un elemento específico?

Aquí hay un JSFiddle del código anterior

ACTUALIZAR: Se agregaron algunos ejemplos de opciones queno trabajes, basado en las respuestas iniciales proporcionadas.