當表選擇器是變量時如何訪問 tr？

Question

我曾經有$("#results_table tr").remove()

如果我將表選擇器放在變量var table = $("#results_table") ，我如何訪問tr ？

results_table.tr.remove(); 似乎不起作用。

Answer 1

您已經將 jquery 對象保存在變量中，您可以直接在其上使用所有 jquery 方法，例如： table.find("tr").remove() ;

var table = $("table")
table.find("tr").remove()

 var table = $("table") table.find("tr").remove()

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td>test <td> </tr> </table>

var table = $("table")
table.find("tr").addClass("active")

例子：

 var table = $("table") table.find("tr").addClass("active")

 .active{ color:red;}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td>test <td> </tr> </table>

如果將其保存為 vanilla JS，則可以使用行：

var table = document.querySelector("table"); 
table.rows[0].remove();

 var table = document.querySelector("table"); table.rows[0].remove();

 .active{ color:red;}

 <table> <tr> <td>test <td> </tr> </table>

Answer 2

我希望我有所幫助

var x = document.getElementById("results_table");
var y = x.querySelector("tr");
y.remove();