当前位置 : 主页 > 网页制作 > JQuery >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我无法选择当前单击的容器元素. 我的Html div class="cparent"foo1a href="javascript:void(0);" class="delete"Delete/a/divdiv class="cparent"foo2a href="javascript:void(0);" class="delete"Delete/a/div 我的意思是当我点击删
我无法选择当前单击的容器元素.

我的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();
 });

以上一个也不起作用.请查看this Example以获得澄清.

使用父[ API Ref]方法:

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

将此作为第二个参数传递给jQuery函数将找不到高于此值的元素.或者,您可以使用最接近的[API Ref]方法:

$(this).closest('.cparent').html('Deleting...').delay(1000).fadeOut();
网友评论