[英]jquery selecting children not nested in a child
我有一个jQuery选择器的问题。
假设我有以下html,其中(...)
代表未定义数量的html标签。
(...)
<div class="container">
(...)
<div class="subContainer">
(...)
<div class="container">
(...)
<div class="subContainer"/>
(...)
</div>
(...)
</div>
(...)
</div>
(...)
假设我有一个名为container
的javascript变量指向第一个div(带有类容器)。 我想要一个jquery来选择第一个子容器而不是嵌套的子容器。 如果我使用$(".subContainer", container);
我会得到他们两个。
我试过用了
$(".subContainer:not(.container .subContainer)", container);
但这会返回一个空集。 有解决方案吗
谢谢。
您可以使用direct child
选择器:
$("> .subContainer", container);
如果container
是引用顶级.container
元素的jQuery对象,您还可以使用children
方法:
container.children('.subContainer');
或find
和first
方法:
container.find('.subContainer').first();
基于Jquery:获取一个类的所有元素,这些元素不是具有相同类名的元素的后代? 我开发了以下解决方案。 谢谢大家。
$.fn.findButNotNested = function(selector, notInSelector) {
var origElement = $(this);
return origElement.find(selector).filter(function() {
return origElement[0] == $(this).closest(notInSelector)[0];
});
};
要获得第一个subContainer,您可以使用
$('.subContainer')[0]
这似乎适合我自己的用途......
$('.item').filter(function() { return $(this).parents('.item').length == 0; });
这只返回#outer
div。
<div class="item" id="outer">
<div class="item" id="inner"></div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.