Question

我有一些相同类名的div和＃34; parent＆＃34;。在in中，有两个带有类名的子div，＆＃34; child1＆＃34;和＆＃34; child2＆＃34;。＆＃34; child1＆＃34; div有一个p-tag和＆＃34; child2＆＃34;有一个标签。

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

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

请检查THIS以了解我的需求。

非常感谢，伙计们！

Answer 1

这应该这样做。

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

http://jsfiddle.net/nischaalc/LCB5W/29/

Answer 2

使用jquery

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

我刚刚更新代码！

Answer 3

以下是为我工作

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

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

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

也可以在jsfiddler：http://jsfiddle.net/LCB5W/31/

上查看

Answer 4

你可以用下滑效果解雇父母。

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

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

演示：http://jsfiddle.net/LCB5W/33/

当我们点击div的锚标签时如何解除父div？

4 个答案: