JQuery 获得第 n 级 child

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 直到你得到你想要的任何级别的 child ...

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