Unbind an event from Document : jquery

Question

Binding a function on document all element having class SearchableCol

jQuery(document).on("click", ".SearchableCol", nwcsClickFunc);

I am trying below two methods to unbind, nothing is working.

jQuery(document).unbind("click", nwcsClickFunc);
jQuery(".SearchableCol").unbind("click");

Need help to unbind an event from document.

Answer 1

Try

jQuery(document).off("click", ".SearchableCol", nwcsClickFunc);

or use namespaced event handlers

jQuery(document).on("click.myevent", ".SearchableCol", nwcsClickFunc);

then

jQuery(document).off("click.myevent", ".SearchableCol");

Answer 2

jQuery(document).off("click", ".SearchableCol", nwcsClickFunc);

Answer 3

use:

$(".SearchableCol").unbind('click',nwcsClickFunc);

or

$(document).off('click','.SearchableCol',nwcsClickFunc);