Javascript 如何在单击div'；什么是锚标签？

我有一些类名相同的div“parent”。在中，有两个子div的类名为“child1”和“child2”。“child1”div有一个p-tag，“child2”有一个a-tag

我的问题是，当我点击child2的a-tag而不关闭其他父div时，父div可以被解除吗

<div class="parent">
     <div class="child1">
         <p>Paragraph</p>
     </div>
     <div class="child2">
         <a href="#">anchor</a>
     </div>
</div>

段落

请检查是否了解我需要什么

非常感谢，伙计们

这应该可以

$('.child2').click(function() {
    $(this).parent().fadeOut(); 
});

使用jquery

  $('.child2 a').click(function() {
    $(".parent").hide();
    $(this).closest(".parent").show();
    return false;
});

---

我刚刚更新了代码

以下内容对我有用

$('.child2 > a').each(function() {

    $(this).bind(
        "click",
        function() {

            $(this).closest( ".parent" ).fadeOut();
            //or  $(this).closest( ".parent" ).hide();
        });
  });

---

在jsfiddler上也检查这一点：

您可以使用向上滑动的效果解除父级，如下所示

$('.child2').click(function(e){
    //$(this).parents('.parent').remove();

     $(this).parents('.parent').slideUp('slow',function(){
        $(this).remove();
    });
})

---

演示：

您的问题中没有提到它，但我还是要问：使用或不使用jQuery？对不起！我需要使用jqueryy的代码如果您想要更即时的解雇，您可以将

fadeOut（）

更改为

hide（）

。您提供的代码工作正常。但是，如果我在child2中有许多标记，并且我希望在单击特定标记时取消父标记，那么代码将不起作用。正确的？你能更新一下吗？如果你想让家长只在你点击一个特定的标签时关闭，你可以将jQuery代码中的

.child2

更改为该标签的名称。兄弟，我已经查看了演示，你发布了。我已经更新到这个了。不能让它工作。priyan99找到了解决办法。我需要这样的解决方案。谢谢你的努力，兄弟。如果你的父母是孩子的话。。。op要求隐藏家长的家长好友，谢谢。但是，一切都结束了（为什么每个循环都有额外的

？您可以使用
$（'.child2>a'）。单击（）；
。同样有效！谢谢您，Pranay。