关闭父 div答案

【问题标题】：Close parent div关闭父 div
【发布时间】：2010-02-10 06:18:57
【问题描述】：

我有一组带有一些子元素的 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>

如果我单击 class="1" 内的链接，那么我只想隐藏 class="1" div 的当前父级，而不是其他父级 div。

帮我解决。提前致谢。

【问题讨论】：

标签： jquery jquery-selectors parent

【解决方案1】：

试试：

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

【讨论】：

如果他在 div 的其他地方有链接怎么办？它也会消失的！
@Darmen - 我建议 $('a.closeThis') 而不是 ($"div a")

【解决方案2】：

试试这个：

您的链接：

<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()，如上所示。谢谢

【讨论】：

您好，感谢您的回复...有一些问题。该代码也关闭了其他剩余的 Div。我想关闭当前单击链接的父 div，而不是其他 div。所有 Div 的 link 类名都相同。