jquery - 选择特定的有序列表

Question

我有一个维基百科 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"});

有任何想法吗？

Answer 1

尝试

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

演示：小提琴