如何使用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");