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