关于跳过元素的父级并将类添加到子级的快速Jquery问题

我有一个需要解决的快速问题，除了编写JQuery之外，我认为如果我用一种非常基本的方式解释它，会更简单。从类“todays”开始，如何将类“red”添加到todays类之后的接下来3个元素中并绕过父元素？当我使用next（）函数时，它会在td的末尾停止。任何帮助都将不胜感激

我知道如何将一个元素添加到下一个元素中，但不知道如何添加到下一个元素中

$('tr td.today').next().addClass('red');

HTML

1.
2.
3.
4.
5.
6.

因此，如果我想在今天的课程之后，在接下来的3个td元素中添加“red”，它应该是这样的

<table>
 <tr>
  <td>1</td>
  <td class="todays">2</td>
  <td class="red">3</td>
 </tr>
 <tr>
  <td class="red">4</td>
  <td class="red">5</td>
  <td>6</td>
</tr>

1.
2.
3.
4.
5.
6.

---

有很多方法可以做到这一点。一种方法是使用

.today

元素的索引以及

slice（）

来选择正确的元素

var$td=$（'td'）；//收集所有TDs
var todayIndex=$td.index（$（'.today'））；//收藏中的今天的索引
$td=$td.slice（今天索引+1，今天索引+4）；//包含下三个TDs的新集合
$td.addClass（“红色”）
。今天{
颜色：绿色；
}
瑞德先生{
颜色：红色；
}

-3
-2
-1
1.
2.
3.
4.
5.
6.
谢谢！！！我在玩切片，但我不知道如何为今天的课程建立索引。我对你感激不尽！！
<table>
 <tr>
  <td>1</td>
  <td class="todays">2</td>
  <td class="red">3</td>
 </tr>
 <tr>
  <td class="red">4</td>
  <td class="red">5</td>
  <td>6</td>
</tr>