如何在jQuery中选择这个容器元素

Question

我无法选择当前单击的容器元素.

我的Html

<div class="cparent">
foo1
<a href="javascript:void(0);" class="delete">Delete</a>
</div>

<div class="cparent">
foo2
<a href="javascript:void(0);" class="delete">Delete</a>
</div>

我的意思是当我点击删除链接时,相应的容器应该消失.我怎样才能做到这一点？

我尝试了什么!

$(".cparent",this).html('Deleting...').delay(1000).fadeOut();// not working

我的剧本

$(".delete").live("click",function(){
 var cur = $(".delete").index(this);
 $(".cparent").eq(cur).html('Deleting...').delay(1000).fadeOut();
 });

以上一个也不起作用.请查看此示例以获得说明.

Answer 1

使用parent^{[ API Ref ]}方法:

$(this).parent().html('Deleting...').delay(1000).fadeOut();

this作为第二个参数传递给jQuery函数将找不到上面的元素this.或者,您可以使用closest^{[ API Ref ]}方法:

$(this).closest('.cparent').html('Deleting...').delay(1000).fadeOut();