jquery - 单击时淡出父级 li

Question

我有一个包含表单的 LI，在表单提交时我想淡出父 LI，我一直在尝试但没有运气，我还在基本表单中做了一个 fiddle ，任何人都可以给我一个想法它是如何完成的？

http://jsfiddle.net/uAZ5Z/

<li>
<form>
    <input type='submit' value='delete'>
</form>
</li>

jQ:

 $('input').click(
     $(this).fadeOut();
 )

Answer 1

试试这个:

$('input').click(function() {
    $(this).closest('li').fadeOut();
});
​

您的代码中有两个错误:

1. $.click() 中必须调用函数(匿名或非匿名) .
2. $(this)在这种情况下引用<input>元素。要引用它最接近的 <li> ，您需要使用$.closest()反而。请注意，您不应使用 $.parent() ，因为它只获取元素的直接父元素。

<小时/>

制作任何 <li>当前元素下方的元素，而不是仅仅执行 $.fadeOut() ，改为这样做:

$('input').click(function() {
    $(this).closest('li').slideUp();
});

这会将元素的高度设置为 0，将其向上“滑动”。