javascript - 在jquery中隐藏第三个子div

Question

我试图在 jQuery 中隐藏第三个子 div，但它隐藏第一个子 div 子子。

我正在尝试使用以下代码:-

HTML:-

<div id="parent-1">
    <div id="child-1" class="child">CHILD 1
       <div id="sub-child-1" class="subchild">SUB CHILD 1</div>
       <div id="sub-child-2" class="subchild">SUB CHILD 2</div>
       <div id="sub-child-3" class="subchild">SUB CHILD 3</div>
    </div>
    <div id="child-2" class="child">CHILD 2</div>
    <div id="child-3" class="child">CHILD 3</div>
</div>

Jquery:-

$(document).ready(function () {
   $('div#parent-1 div:eq(2)').css("display", "none");
});

我需要在这里隐藏child-3。但它隐藏了sub-child-3。

这里是jsfiddle

有什么建议吗？

提前致谢。

Answer 1

$(document).ready(function () {
   $('div#parent-1 > div:eq(2)').css("display", "none");
});

> 完成了这一切。