为什么jQuery不起作用？

我有一些风格的tds（我放了截图，因为td的内容非常大）

现在，我想在这个表中添加一些css，所以我尝试通过一个选择它的td，如果它是类，并应用如下样式：

jQuery(".graTabbedComponentDefaultTabs").parent('table').css('position','relative');

但是什么也没发生……你看到问题了吗

提前感谢。

您需要使用parents（），而不是parent（）

Parent（）将在DOM中向上查找1级。Parents（）将遍历DOM，直到找到匹配的元素

jQuery(".graTabbedComponentDefaultTabs").parents('table').css('position','relative');

---

不是您的

的父级-请使用

.parents（'table'）

来获取父级而不是直接父级。

使用父级而不是父级：

jQuery(".graTabbedComponentDefaultTabs").parents('table').css('position','relative');

---

您想使用

closest（）

而不是

parent（）

---

parent（）

获取元素的直接父元素（如果它与选择器匹配）

closest（）

遍历DOM，直到找到所需的选择器，然后停止

parents（）

遍历DOM并获取与选择器匹配的所有元素。

由于该类元素的父元素是

s而不是

，因此

父（'table'）

调用将不返回任何内容

使用。不是父级，因为这可能会选择作为该表父级的表

$(".graTabbedComponentDefaultTabs")
    .closest('table')
    .css('position','relative');

---

如果该表嵌套在父表中，则将同时选择这两个表，而不是最近的表：

$(".graTabbedComponentDefaultTabs")
    .closest('table')
    .css('position','relative');