当表选择器是变量时如何访问 tr？

Question

I used to have $("#results_table tr").remove()

If I put the table selector in a variable var table = $("#results_table") , how do I access tr ?

results_table.tr.remove(); doesn't seem to work.

Answer 1

You already have jquery object saved in variable, you can use all jquery methods on it directly, example: 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")

example:

 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>

And if you save it as vanilla JS you can use rows:

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

I hope I have been helpful

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