Jquery 目标是表中的第一个TR类

我已经查看了重复线程，但似乎找不到适合我特定需求的解决方案

有没有一种方法可以让我瞄准第一个。未来的tr标签？我试图使整行成为红色背景，而不影响其他行

---

编辑：不重复，因为标记的答案不适用于此特定要求

<2> Edt2:实际上我没有考虑使用jQuery！谢谢！：-）

---

编辑3：一定是错过了尼克·克雷弗在副本上的答案。尽管如此，还是要感谢您在这篇文章中清楚地给出了答案。

您可以使用“future”类和第一个选择器来选择tr

$("table tr.future:first")

在你的情况下，它可以是

$("#fixtures tr.future:first")

试试这个

 $("#fixtures tbody tr.future:first td").css("background-color","red");

---

对于这样的东西，您并不真正需要JavaScript。如果您想要CSS专用解决方案，请使用以下方法：

tr.future:first-child, tr:not(.future) + tr.future {
    ...
}

在这里拉小提琴：

：first child

规则只是为了保护您自己，以防第一行是将来的行，因为它没有前一行

---

编辑：更新了fiddle，因为我只将类放在一个元素上，没有正确地证明解决方案的有效性。

一种纯CSS的方法是使用子选择器和一般同级组合器的组合

tbody > .future {
    background: red;
}

tbody > .future ~ .future {
    background: none;
}

JSFiddle：

通过这种方式，可以将所有类为“future”的元素作为目标，应用红色背景，然后再次从所有类为“future”的元素中删除背景，这些元素前面有一个类为“future”的元素

这将只留下第一个元素的红色背景，因为它是唯一一个前面没有相同类的元素的元素

---

这是一个解决方法，它真的应该这样做：第一个“类型”在类上工作，或者我们得到一个：第一个“类型”选择器。但是，唉

唯一的方法是使用javascriptEdit$（“.table tr.future:first”）它是重复的，因为有一个解释：你不能使用CSS。答案中的解决方案在jQuery中，因为您无法使用CSS。你可以保存最后的“你好！”。你没有用正确的标签标记我添加了正确的标签“不是重复的，因为标记的答案不适用于这个特定的要求。”你从来没有想过除了被接受的答案之外还有其他答案吗？太好了！我甚至没有考虑在CSS外面看！