關閉父div div

Question

我有一些div的一些子元素。內部父div我有一個超鏈接。 如果我點擊超鏈接，那麼我想關閉當前點擊鏈接的父div，而不是其他div。

例：

<div class="1"><a href="#" class="closeThis">close</a></div> 
<div class="2"><a href="#" class="closeThis">close</a></div> 
<div class="3"><a href="#" class="closeThis">close</a></div> 
<div class="4"><a href="#" class="closeThis">close</a></div> 

如果我點擊類=「1」的話，我只是想隱藏類的當前父=「1」格，而不是其他的父母DIV中的鏈接。

幫我解決。 在此先感謝。

Answer 1

試試這個：

您的鏈接：

<div class="1"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="2"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="3"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="4"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 

<script> 
    function removeThis(field) 
    { 
    $(field).parent().hide(); 
    } 
</script> 

注：你也可以如上圖所示使用remove()代替hide()。由於

Answer 2

嘗試：

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