How to select all child elements of specified control using jQuery

Question

I have a <table id="myTable"> with a number of child elements:

<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 spans using jQuery?

Answer 1

$('#myTable span.mySpan')

Answer 2

"Safest" version:

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

Shortest version:

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

Answer 3

Note that you COULD do any 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");