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

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那么它将按照指定的顺序工作.在上面的示例中,selector将选择td小于index的元素7,然后使用大于的索引过滤掉它们2