JQuery Selector用于一个祖先的多个元素

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 =＆＃34; in1＆＃34;，你会喜欢，

$('#ans1 .in1')

这将返回id = ans1 element

中所有.in1类元素的数组

Answer 2

您可以使用儿童功能

DeliveredQuantity

您应该使用认为DOM的唯一ID，使用类来指定本质上相同的元素。

将您的孩子改为in1

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

将使用in1类选择ans1的所有直接后代。