选择特定的有序列表

Question

我有一个wikipedia API返回带有多个非类别ol的html。例如。

<div id = "wikiInfo">
  <ol></ol>
  <p></p>
  <ol></ol>
  <p></p>
  <ol></ol>

</div>

所以我想只挑出前两个并提取文本。

我设法只选择了ol，但出于某种原因，我可以让孩子和ol一起工作

$('#wikiInfo').find("div ol:nth-child(-n+2)").css({"color":"red","border":"2px solid red"});

有什么想法吗？

Answer 1

尝试

$('#wikiInfo').children("ol:lt(2)").css({"color":"red","border":"2px solid red"});

演示：Fiddle