JQuery удалить функцию проблемы

Question

Во внешнем js-файле у меня есть эта функция:

//remove a stop
var removeStop = function (){
    $(this).parent('.remove').parent('.stop_actions').parent('.stop').remove();
};

И на самой странице у меня есть встроенный скрипт для выполнения этой функции одним щелчком мыши:

//remove stop
$(".remove a").click(removeStop);

Но это не работает. Я думаю, что может быть проблема с '$ (this)', потому что до того, как я разделил это (ранее у меня были обе части во внешнем js), все работало нормально.

Спасибо, Брайан

edit: произошла опечатка, во втором блоке кода присутствует «$»

Answer 1

Вы должны знать, что parent() ^{документы} ( единственное число ) ищет только непосредственного родителя ( на один уровень вверх ) длятекущий элемент.

Это может быть более гибким, если вы используете .parents() ^{документы} ( множественное число )

$(this).parents('.stop').remove();

и если есть несколько вложенных элементов с классом .stop, вы должны

$(this).parents('.stop').eq(0).remove();