我无法选择当前单击的容器元素. 我的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();