Javascript 如何隐藏与我希望保持可见的表共享class元素的HTML表？

我有一张桌子要藏起来。它是由我无法编辑的自动HTML生成的。我知道我可以隐藏class

表

，但是页面上和整个站点上还有其他表使用相同的类。有没有任何人能想到的方法来隐藏这张桌子

<table class="table" style="width:100%;">

---

又快又脏：

您可以尝试计算您有多少个。表：

alert(document.getElementsByClassName("table").length);

确定哪个数字等于div在模板中的位置： 手动。。。它应该是常量，否则停止读取。即：

var num = 15; //in example

然后隐藏目标元素：

document.getElementsByClassName("table")[num - 1].style.display = 'none'; //index begins at 0, so you must remove 1

---

但每次模板更改时，可能需要重新计算每个表。另一种选择是（仅当您的表是唯一具有100%宽度的表时），仅选择具有100%宽度的.table。

此表上需要唯一id或唯一类。首选的方法是一个独特的css选择器，

div.content.table

。最好使用这样的CSS选择器，而不是有大量的类或id。

为要隐藏唯一id的表提供一个id。具有相同类的所有内容都将受到影响。ID是唯一的，因此每个ID都可以单独修改

<table id="hideMe" class="table" style="width:100%;">

此表上是否有其他标识类/ID是此表所独有的？您可能可以从DOM中较高的某个元素导航到它。如果无法在其上添加ID或其他唯一标识符，则必须遍历DOM。它是否始终是第一个表？最后一桌？是否还有其他东西可以标识它或使它唯一，包括可能包含它的html元素？使用jQuery是一种选择吗？您可以控制任何html吗？例如，您能否将表格括在div

中？请注意，它们不能更改表格的标记。