当表选择器是变量时如何访问 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();