javascript - 使用 for 循环根据 id 从表中删除一行

Question

我有下表。
<table>
<tr>
<td id="cat1"> cat </td>
<td id="dog1"> dog </td>
<td id="hen1">hen </td>
</tr>
<tr>
<td id="cat2"> cat </td>
<td id="dog2"> dog </td>
<td id="hen2">hen </td>
</tr>
<tr>
<td id="cat3"> cat </td>
<td id="dog3"> dog </td>
<td id="hen3">hen </td>
</tr>
<tr>
<td id="cat4"> cat </td>
<td id="dog4"> dog </td>
<td id="hen4">hen </td>
</tr>
</table>

我需要从上表中删除基于标签“ID”的行。有没有使用 JavaScript 的最佳方法。

Answer 1

您可以使用 vanilla javascript 并删除 <td> 的父节点.例如；

document.getElementById("dog4").parentNode.remove();

<table>
    <tr>
        <td id="cat1"> cat </td>
        <td id="dog1"> dog </td>
        <td id="hen1">hen </td>
    </tr>
    <tr>
        <td id="cat2"> cat </td>
        <td id="dog2"> dog </td>
        <td id="hen2">hen </td>
    </tr>
    <tr>
        <td id="cat3"> cat </td>
        <td id="dog3"> dog </td>
        <td id="hen3">hen </td>
    </tr>
    <tr>
        <td id="cat4"> cat </td>
        <td id="dog4"> dog </td>
        <td id="hen4">hen </td>
    </tr>
</table>

这将删除整个 <tr>它有一个 child id=dog4 .

JSfiddle mirror