Javascript 按ID删除元素

我有一个具有以下结构的表：

<table>
  <tr>
    <td>some column|1</td>
    <td id="abc|1">abc</td>
    <td id="abc|1">abc</td>
  </tr>
  <tr>
    <td>another column|1</td>
    <td id="def|1">def</td>
    <td id="def|1">def</td>
  </tr>
  <tr>
    <td>ome column|2</td>
    <td id="abc|2">abc</td>
    <td id="abc|2">abc</td>
  </tr>
  <tr>
    <td>another column|2</td>
    <td id="def|2">def</td>
    <td id="def|2">def</td>
  </tr>
</table>

---

ID应该是唯一的。如果您可以更改HTML并使ID唯一，那就更好了

---

如果无法更改HTML

由于两个选择器都指向同一个元素，请使用以下命令

$("table td:nth-child(2)[id$=2], table td:nth-child(3)[id$=1]").hide();

---

ID应该是唯一的。如果您可以更改HTML并使ID唯一，那就更好了

---

如果无法更改HTML

由于两个选择器都指向同一个元素，请使用以下命令

$("table td:nth-child(2)[id$=2], table td:nth-child(3)[id$=1]").hide();

---

对于每行开头的单元格，如果删除了元素，并且没有

id

，并且没有出现在最终结果中，该单元格会怎么样？如果第一个单元格是唯一应该删除的单元格？我知道您在问题中使用了占位符

id

属性，但请注意页面中的所有

id

属性必须是唯一的。首先，id应该是唯一的。每行开头的单元格如何，删除了元素，并且没有

id

，并且在最终结果中不存在的元素？如果第一个单元格是唯一应该删除的单元格？我知道您在问题中使用了占位符

id

属性，但请注意，页面中的所有

id

属性都必须是唯一的。首先，id应该是唯一的，请注意，最终结果应该是3列，如我的示例所示。第3列的内容应保留在那里，并向左移动到第2列。请注意，最终结果应为3列，如我的示例所示。第3列的内容应保留在那里，并向左移动到第2列。