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

javascript add class to next 7 elements

本文关键字：元素 接下来 添加 JavaScript      更新时间：2023-09-26

我想知道如何使用 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 的索引过滤掉它们

相关文章：