获取jquery中第n个div的子元素

Question

假设我有以下 HTML：

<div>
  Project Name
</div>
<div>
  Project Description
</div>
<div>
  <div>
    Metadata 1 <!-- I want this -->
  </div>
  <div>
     Metadata 2 <!-- And this -->
  </div>
</div>

如何使用$(elem).find()获取Metadata 1和Metadata 2 ？

我正在尝试这个，但没有运气：

$(elem).find(div[3]:nth-of-type(1))'  // getting first element of the third div
$(elem).find(div[3]:nth-of-type(2))'  // getting second element of the third div

Answer 1

这将 select 第 3 个 div 的直接 div 子级。 您当然也可以使用 jQuery ： $('that-selector').text()

 .a-container div:nth-child(3)>div { padding-left: 40px; } /* or safer: .a-container>div:nth-child(3)>div { padding-left: 40px; } */

 <section class="a-container"> <div> Project Name </div> <div> Project Description </div> <div> <div> Metadata 1 <!-- I want this --> </div> <div> Metadata 2 <!-- And this --> </div> </div> </section>