关闭父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>

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

帮我解决。 提前谢谢。

Answer 1

尝试：

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

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