javascript - 按跨度时删除

Question

我正在尝试淡出一些 <li> ，但没有运气。检查我的代码如下:

<li class="lclass" id="1">
    First Li
    <span class="removeit" id="1" style="color:#C00;">Remove</span>
</li>
<li class="lclass" id="2">
    First Li
    <span class="removeit" id="2" style="color:#C00;">Remove</span>
</li>
<li class="lclass" id="3">
    First Li
    <span class="removeit" id="3" style="color:#C00;">Remove</span>
</li>

使用我的代码，只有 span class="removeit"淡出。我想在按下删除按钮时淡出整个 div。

$(document).ready(function() {
    $('.removeit').click(function () {
        $(this).hide("fast");   
    });
});

谢谢!

Answer 1

使用.parent() 或.closest('li') 获取父级li 然后隐藏整个对象。像这样:

 $(document).ready(function() {
   $('.removeit').click(function () {
     $(this).parent().hide("fast");  //or $(this).closest('li').hide("fast");
   });
 });

Working Demo