Javascript jQuery不是类的子级
如果我有:Javascript jQuery不是类的子级,javascript,jquery,Javascript,Jquery,如果我有: <div class="wrapper"> <div> <div class="list"> </div> </div> <div class="wrapper"> <div class="list"> </div> </div> <div class="list"&g
<div class="wrapper">
<div>
<div class="list">
</div>
</div>
<div class="wrapper">
<div class="list">
</div>
</div>
<div class="list">
</div>
</div>
当我有一个'wrapper'div的jQuery实例时,我如何在该div中找到东西,而不是在任何子'wrapper'div中
我想
wrapper.find('.list')
并获得第一个和第三个列表,但不是第二个wrapper.find('.list')。not('.wrapper.wrapper*')
似乎有效,但不确定是否有更好的方法。使用选择器:独生子女
例如:
$('.wrapper:only-child').children('.list');
将只返回所有的第一级“.list”div。我想这样可以解决您的问题:
$( ".wrapper:first" ).children( ".list" )
其中,$(“.wrapper:first”)
将仅获取.wrapper的第一次出现,而子项(“.list”)
将仅获取其子项
我希望这就是你想要的我想你可能想要这样的东西:
var$target=$(“.wrapper.list”).filter(函数(){
返回$(this).parents(“.wrapper”).length==1;
});
$target.css(“背景色”、“珊瑚色”)代码>
div{
最小高度:10px;
最小宽度:10px;
填充:10px;
边框:实心1px;
}
我认为你的思路是对的。如果我有一个外部“包装器”的实例,我想要第一个和最后一个“列表”。如果我有一个内部“包装器”的实例,我想要中间的列表。