jquery - 使用 jQuery 选择前一个元素

Question

嘿伙计们，这很简单，但我无法使它工作......废话!

我有一个带有许多 LI 的 UL。在每个 LI 里面我有一个和两个:

<ul>    
  <li><span>Qualification</span> - <a class="editItem" href="get/14">edit</a> | <a class="deleteItem" href="delete/14">delete</a></li>
</ul>

当我单击删除 anchor 时，我想隐藏 LI。我该如何选择 LI？

我尝试过这样的事情:

$(".deleteItem").click(function(e) {
     $(this).parent().find("li").hide();
     // or
     $(this).prev().prev().prev().hide();

});

但是根本不起作用。 :( 我做错了什么？谢谢..

Answer 1

获取 LI:

$(".deleteItem").click(function(e) {
  $(this).closest("li").hide();
});

.prev()指的是 sibling ，在本例中 <li>是链接的父链接，.closest()获取与选择器匹配的最近的父级。