Как выбрать все дочерние элементы указанного элемента управления, используя jQuery

Question

У меня есть <table id="myTable"> с количеством дочерних элементов:

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

Как выбрать все эти промежутки, используя jQuery?

Answer 1

Обратите внимание, что вы МОЖЕТЕ выполнить любое из следующих действий:

$("#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

«Самая безопасная» версия:

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

Кратчайшая версия:

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