我想知道如何使用 javascript 将类添加到父级的下一个 7 个元素中?我想在选择后突出接下来的六个元素
<table>
<tr>
<td>list item 1</td>
<td>list item 2</td>
<td>list item 3</td>
<td>list item 4</td>
<td>list item 5</td>
</tr>
<tr>
<td>list item 6</td>
<td>list item 7</td>
<td>list item 8</td>
<td>list item 9</td>
<td>list item 10</td>
</tr>
</table>
我读过关于:eq,:lt(index(选择器的信息,但它不起作用。提前谢谢。
您可以使用:lt
选择器,它将选择索引小于指定数字的匹配元素(索引从 0 开始(
在此示例中,将选择 0-6 个td
元素。如果要提及起始索引,请将:gt
与起始索引一起使用
试试这个:
$('table td:lt(7):gt(2)').css('color', 'red');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
<tr>
<td>list item 1</td>
<td>list item 2</td>
<td>list item 3</td>
<td>list item 4</td>
<td>list item 5</td>
</tr>
<tr>
<td>list item 6</td>
<td>list item 7</td>
<td>list item 8</td>
<td>list item 9</td>
<td>list item 10</td>
</tr>
</table>
注意:如果将lt
和gt
组合在一起,则它将按指定的顺序工作。在上面的示例中,选择器将选择小于索引7
td
元素,然后使用大于 2
的索引过滤掉它们