javascript - 仅为父 div 范围 5 到 9 添加文本

Question

<div id="parent1"></div>
<div id="parent2"></div>
<div id="parent3"></div>
<div id="parent4"></div>
<div id="parent5"></div>
<div id="parent6"></div>
<div id="parent7"></div>
<div id="parent8"></div>
<div id="parent9"></div>
<div id="parent10"></div>
<div id="parent11"></div>

如果我使用它，它将通过所有 div

$("[id^=parent]").text('hai'); 

我只希望第 5 到 9 个 div 父文本有“hai”文本

有什么想法吗？

Answer 1

您可以使用 .slice() :

Reduce the set of matched elements to a subset specified by a range of indices.

$("[id^=parent]").slice(4,9).text('hai'); 

Fiddle Demo

或者您也可以使用 :gt() 选择器和 :lt() 选择器:

$("[id^=parent]:gt(3):lt(5)").text('hai'); 

Fiddle Demo