Javascript 最里面的表的CSS选择器？

有没有办法只选择最里面的表？那就是那些不包含更多表的表吗

---

我知道我可以通过

元素进行过滤。getElementsByTagName（“表格”）。length==0

，我只是想知道是否有更优雅的解决方案。

据我所知，没有适合您需要的CSS选择器。但是，有几种选择：

使用类或id标记表，以便可以选择它

使用javascript导航DOM树

使用javascript库选择元素。当你用jQuery标记你的OP时，我建议你这样做

---

您是否有机会将

class=“innerst”

属性添加到表中？这样，它就简单多了。

使用纯CSS您无法做到这一点。使用jQuery（您的问题被标记为jQuery），您可以：

将选择没有子表的表

---

选择器查找具有特定子体的元素。将选择反转为没有特定子体的子体。

对于在中使用CSS选择器的人，

:has（）

可能会被破坏，因此

:not（：has（…）

将不起作用。您需要使用

xpath

或其他方式。请参阅。

我无法完全控制该HTML，因此我必须首先通过JS查找所有最里面的表，然后在这些表上找到.addClass（'innerst'）。。。但一旦我找到了所有最里面的表，我就完成了。

$("table:not(:has(table))")...