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

Question

我有一张桌子，我试图隐藏。它是由我无法编辑的自动HTML生成的。我知道我可以隐藏类table但是页面上和整个站点中还有其他表使用同一个类。有没有人能想到隐藏这张桌子的方法？

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

Answer 1

又快又脏：

你可以尝试计算你有多少.table：

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。

Answer 2

您需要此表或唯一类的唯一ID。首选方法是使用唯一的css选择器div .content .table。最好使用像这样的CSS选择器，而不是有大量的类或id。

Answer 3

为要隐藏唯一ID的表提供。同一类的所有东西都会受到影响。 ID是唯一的，因此每个都可以单独修改。

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