根據表從表中刪除行 <td> 使用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”的行。 tp是否有使用JavaScript的最佳方法。

Answer 1

您可以使用普通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> ，其中有一個id=dog4的孩子。

JS提琴鏡

Answer 2

您可以嘗試jquery函數。

從DOM中刪除匹配元素集的所有子節點。

$("#ID").empty();

要么

從DOM中刪除匹配的元素集。

$("#ID").remove();

Answer 3

您可以使用.remove() jQuery方法，如下所示：

$("table tr td#ID").remove();

或者您可以使用.empty()方法，如下所示：

$("table tr td#ID").empty();

• empty()將刪除選擇的所有內容。
• remove()將刪除選擇及其內容。