Question

我想知道如何使用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（索引）选择器，但它不起作用。提前谢谢。

Answer 1

您可以使用: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合并，那么它将按照指定的顺序运行。在上面的示例中，选择器将选择小于索引td的{{1}}个元素，然后使用大于7的索引过滤掉它们

javascript将类添加到接下来的7个元素

1 个答案: