jquery - 选择特定的有序列表

Question

我有一个维基百科 API 返回带有多个非分类 ol 的 html。例如。

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

</div>

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

我设法只选择了 ol's，但出于某种原因我无法让第 n 个 child 与 ol's 一起工作

$('#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