使用JQuery从特定表中删除列

我使用的CMS不允许我编辑HTML，我只能使用JavaScript和HTML来定制它的外观。有一个包含3个表的页面，我想从第2个表中删除（或隐藏）第2列。以下是HTML代码：

<TABLE>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
</TABLE>

<TABLE>
   <TR>
      <TH>Row 1</TH>
      <TH>Row 2</TH>
      <TH>Row 3</TH>
   </TR>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
</TABLE>

<TABLE>
   <TR>
      <TH>Row 1</TH>
      <TH>Row 2</TH>
      <TH>Row 3</TH>
   </TR>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
   <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
   </TR>
</TABLE>

一排
第2排
第3排
一排
第2排
第3排

如何仅删除第二个表中的第二列？

使用jquery：

编辑：

@blackpla9ue

给出的解决方案性能可能稍高一点，因为它只查找一次表行：

$('td:nth-child(2), th:nth-child(2)', 'table:eq(1) tr').remove();

使用jquery：

编辑：

@blackpla9ue

给出的解决方案性能可能稍高一点，因为它只查找一次表行：

$('td:nth-child(2), th:nth-child(2)', 'table:eq(1) tr').remove();

检查这把小提琴：

​

您可以使用

.remove（）

而不使用

.css（）

来删除列

检查此小提琴：

​

---

您可以使用

.remove（）

而不使用

.css（）

来删除列

我看到这些表没有ID。因此@blackpla9ue的答案是最合适的。但是，如果需要删除具有id的表的第二行，请使用下面的代码

$('td:nth-child(2), th:nth-child(2)', '#tblEventSearchResults tr').css('background', '#f00');​

---

我看到这些表没有ID。因此@blackpla9ue的答案是最合适的。但是，如果需要删除具有id的表的第二行，请使用下面的代码

$('td:nth-child(2), th:nth-child(2)', '#tblEventSearchResults tr').css('background', '#f00');​

---

既然您已经用jquery标记了这个问题，那么请看一下这个问题：我已经看了类似的问题，但是我遇到的问题只是针对第二个表。我不能编辑HTML，所以我只能使用jQuery来定位它。如何只选择第二个表中的第二列，而不选择其他两个表？既然用jquery标记了这一列，请看这个问题：我已经看了类似的问题，但我遇到的问题只是针对第二个表。我不能编辑HTML，所以我只能使用jQuery来定位它。如何仅选择第二个表中的第二列，而不选择其他两个表？