jQuery選擇器，用於一個祖先的多個元素

Question

我有一個類似於以下的DOM結構：

<div id="ans1">
    <input id="in1" />
    <input id="in2" />
</div>
<div id="ans2">
    <input id="in1" />
    <input id="in2" />
</div>

如何選擇祖先的某些后代？

就像是：

$("#ans1 #in1, #ans1 #in2")

Answer 1

如果您將“ id”替換為類（因為ID應該是唯一的），那么，

<div id="ans1">
    <input class="in1" />
    <input class="in2" />
</div>
<div id="ans2">
    <input class="in1" />
    <input class="in2" />
</div>

然后，要選擇id = ans1且具有class =“ in1”的所有后代，您會像這樣，

$('#ans1 .in1')

這將返回id = ans1元素內所有.in1類元素的數組

Answer 2

您可以使用兒童功能

$("#ans1").children("#in1, #in2")

您應該使用DOM唯一的ID，使用類來指定本質上相同的元素。

將您的孩子換成同等級的in1

$("#ans1 > .in1")

將選擇ins類的ans1的所有直接后代。