Question

用jq 点击关闭按钮 关闭父元素

<div class="acr_reply">
<div class="cfa">
<div class="hd">
<span class="reply_hd"></span>
<span id="reply_sd" class="shutdown">
<a href="javascript:void(0)">
<img src="images/shutdown.png" alt="关闭"></a>
</span>
</div>
</div>
</div>
<div class="acr_reply">
<div class="cfa">
<div class="hd">
<span class="reply_hd"></span>
<span id="reply_sd" class="shutdown">
<a href="javascript:void(0)">
<img src="images/shutdown.png" alt="关闭"></a>
</span>
</div>
</div>
</div>
代码如上，点击shutdown，关闭这个acr_reply，有多个，只关闭它父元素的那个

Answer 1

<a href="javascript: $(this).parents('div.acr_reply:first').hide();">

就行了，意思是当前元素父级中符合条件带有acr_reply这个class的div标签中的第一个隐藏。

Answer 2

$("a").click(function(){
    $(this).closest('.acr_reply').hide();
});

Answer 3

$("a").click(function(){
$(this).parent().parent().parent().parent().hide();
});