How to select all children of a specified control using jQuery

Question

I have a <table id="myTable"> with several children:

 <tr><td> <span class="mySpan" /> </td></tr> <tr><td> <span class="mySpan" /> </td></tr> <tr><td> <span class="mySpan" /> </td></tr> 

How to select all this using jQuery?

Answer 1

Please note that you CAN do one of the following:

 $("#myTable").find(".mySpan"); $("#myTable .mySpan"); $("#myTable tr td .mySpan"); $("#myTable").find("tr").find("td").children(".mySpan"); $(".mySpan"); $("#myTable > tr > td > .mySpan"); $(".mySpan ,#myTable"); 

Answer 2

 $('#myTable span.mySpan') 

Answer 3

Safest Version:

 var spans = $("#myTable tr td span.mySpan"); 

Shortest version:

 var spans = $("#myTable .mySpan");