jquery - 选择特定的有序列表

我有一个Wikipedia API，返回带有多个未分类ol的html。例如。

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

</div>

因此，我只选择前两个并提取文本。

我设法只选择了ol，但是由于某种原因，我可以让第n个孩子与ol一起工作

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

有任何想法吗？

最佳答案

尝试

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

演示：Fiddle