![](/img/trans.png)
[英]Select common parent/ancestor of nested elements with jQuery and CSS Selector
[英]JQuery Selector for multiple elements of one ancestor
我有一个类似于以下的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")
如果您将“ 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类元素的数组
您可以使用儿童功能
$("#ans1").children("#in1, #in2")
您应该使用DOM唯一的ID,使用类来指定本质上相同的元素。
将您的孩子换成同等级的in1
$("#ans1 > .in1")
将选择ins类的ans1的所有直接后代。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.