子元素是否可以隐藏（）父元素？

Question

子元素可以隐藏父级吗？

<ul class="parent">
 <li>email@email.com <span class="sp">delete</span></li>
</ul>

和jQuery：

$(".sp").click(function(){
 $('.parent li').hide();
}); 

使用这个jQuery代码，“li”无法隐藏。

提前致谢

Answer 1

您可以执行此操作，但此处的代码会隐藏整个页面中li的{​​{1}}内的每个.parent。大概你只想隐藏被点击元素的父元素。

为此，请使用parent()：

$('.sp').click(function() {
    $(this).parent().hide();
});

See a working example.

Answer 2

你试过吗？

有效：http://jsfiddle.net/maniator/KFb2d/

或尝试：

$(".sp").click(function(){
   $(this).parent().hide();
}); 

Answer 3

$(".sp").click(function() { $(this).parent().hide(); });

Answer 4

这应该这样做：

$(".sp").parent().hide()