«this» не будет ссылаться на div в прослушивателе JQuery

Question

У меня есть нижний слушатель для класса .my-class (я использую плагин путевой точки). Однако, если я попытаюсь позвонить $(this).addClass("hello"), он не добавит класс к отдельному div, у которого есть класс, и уволил слушателя.

С другой стороны, если я вместо этого вызываю $(".my-class").addClass("hello") внутри функции, он добавляет класс hello ко всем экземплярам .my-class, чего я не хочу.

Я неверно истолковал, как должен использоваться this (я новичок в JS)? Должен ли он ссылаться на единственный div, который запускает слушателя и, следовательно, добавляет класс к этому div?

$(".my-class").waypoint(function(e) { 
    $(this).addClass("hello"); 
}) 

Answer 1

При использовании waypoint, this относится к объекту путевой точки. Элементом объекта waypoint является текущий div. Таким образом, вы хотели бы использовать

$(".my-class").waypoint(function(e) { 
$(this.element).addClass("hello"); 
}) 

Answer 2

От АНИ документы, у них есть фрагмент кода, как это: this.element

var waypoints = $('#options-only').waypoint({ 
    handler: function(direction) { 
    notify(this.element.id + ' hit') 
    } 
}) 

так что вам может понадобиться, чтобы сделать $ (this.element), или, возможно, уже является объектом jquery? Я мало знаю о путевой точке.