2010-02-10 99 views
0

我有一些div的一些子元素。内部父div我有一个超链接。 如果我点击超链接,那么我想关闭当前点击链接的父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中的链接。

帮我解决。 在此先感谢。

回答

3

试试这个:

您的链接:

<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()。由于

+0

嗨, 感谢您的答复...有一些问题。该守则还关闭了其他重新设立的分部。 我想关闭当前点击链接的父div,而不是其他div。链接的类名对于所有的Div都是一样的。 – 2010-02-10 06:25:34

+0

@Ra:我修改了代码,请再检查一次,谢谢 – Sarfraz 2010-02-10 06:31:30

8

尝试:

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

如果他在div内的其他地方有链接,该怎么办?它将会消失! – Sarfraz 2010-02-10 06:51:23

+0

@达门 - 我建议'$('a.closeThis')'而不是'($“div a”)' – 2010-02-10 06:59:46

+0

哦,是的,你是对的,伙计们 – Darmen 2010-02-10 07:45:32