点击后淡出父李

Question

我有一个LI包含一个表单,在表单提交我要淡出父LI,我一直在尝试没有运气,我也做了一个基本形式的小提琴,任何人都可以给我一个关于它如何的想法做了什么？

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,将其"滑动".