使用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>

当我点击删除锚点时,我想隐藏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()指的是兄弟姐妹,在这种情况下<li>是链接的父节点,.closest()获取与选择器匹配的最近父节点.