jQuery获取第n级孩子

Question

我们都知道要获得一级子选择器是div#block > div
我确信没有 css/jquery 选择器来获取第 n 级子级。但是，如果有任何解决方法。请帮我。 我没有任何作为 id 或 class 的参考。唯一的参考是使用标签名称。

<div id="block">
   <div>level 1
       <div>level 2</div>
       <div>level 2
           <div>level 3</div>
           <div>level 3</div>
       </div>
       <div>level 2
           <div>level 3
               <div>level 4</div>
           </div>
           <div>level 3</div>
       </div>
   </div>
   <div>level 1
       <div>level 2
           <div>level 3
               <div>level 4</div>
           </div>
           <div>level 3</div>
       </div>
       <div>level 2</div>
   </div>
   <div>level 1
       <div>level 2</div>
       <div>level 2
           <div>level 3</div>
           <div>level 3</div>
       </div>
       <div>level 2
           <div>level 3</div>
           <div>level 3</div>
       </div>
       <div>level 2</div>
   </div>
</div>

Answer 1

解决方法是不断重复> div，直到你得到你想要的任何级别的孩子......

$('div#block > div > div') // level 2
$('div#block > div > div > div') // level 3
$('div#block > div > div > div > div') // level 4

Answer 2

假设所有都是 div ，如果你知道 n 是什么，那应该很容易吧。你可以使用

$('div div div').children()