Jquery off event from a single element

Question

I'm trying too take off the event from only this element , if I try $(this).off('event'); they take off event from all elements and $(this).off('click'); don't work

$(document).on('click', '.text', function (event) {
    var box = "<div class = 'box'></div>";
    $(box).insertAfter("#body");
    $(this).off('event');
});

Answer 1

Try:

$(document).on('click', '.text', myEventHandler);

function myEventHandler(e){
  $(this).off('click', myEventHandler);
  var box = "<div class = 'box'></div>";
  $(box).insertAfter("#body");
}