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中将两个部分放在一起）一切都运行良好。

谢谢， 布莱恩

编辑：有一个拼写错误，第二个代码块中存在“$”

Answer 1

您应该知道parent() ^docs（单数）仅查找当前元素的直接父级（一级）。

如果您使用.parents() ^docs（复数）

，可能会更灵活

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

如果有多个具有类.stop的嵌套元素，则应该

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