Question

点击父母的儿童节目。点击父儿童节目的时候，点击儿童内心儿童和内部儿童1使用jquery显示的时候显示

 <div id="a" class="childshow">Parent
        <div id="b" class="childshow" style="display:none">Child
            <div id="c" class="childshow" style="display:none">inner child
            </div>
            <div id="c1" class="childshow" style="display:none">inner child1
            </div>      
        </div>
    </div>



    $(".childshow")click(function() {
  {
           alert("child show");



  });

Answer 1

您可以在此处使用带有直接子选择器>的 find() ：

$(".childshow").click(function() {
    $(this).find('>.childshow').show();        
});

<强> Fiddle Demo

您可以使用toggle()在展示和隐藏以及e.stopPropagation()之间切换，以防止点击事件使DOM树崩溃：

$(".childshow").click(function(e) {
    e.stopPropagation();
    $(this).find('>.childshow').toggle();        
});

<强> Updated Fiddle

Answer 2

这样可以解决问题：

$(".childshow").click(function() {
  $(this).find('*').show();        
});

JSFIDDLE

当点击父母时，孩子显示使用

2 个答案: