从选择中移除特定父母的子女

Question

下面是我的html的结构

<div class="parent">
//many other elements
<div class="child">
<div class="grandchild"></div>

</div>
</div>

我想选择父级内的所有元素，除了子元素内的元素

我尝试了下面的一个没有用的

$(".parent *:not(.child *)")

我该如何选择？

Answer 1

尝试这个：

$('.parent *').filter(function(){
      return $(this).parents('.child').length === 0;
});

这将选择.parent所有元素，除了那些也是.parent子/子子的.child

Answer 2

$('.parent *:not(.child, .child *)')

尝试这个。

虽然也许你想要这个：

$(".parent > *:not(.child)")

Answer 3

试试这个：将选择以父类.parent下的class child开头的所有div。

$('.parent div[class^="child"]')

Answer 4

$('.parent *').not('.child *')

Answer 5

我想选择父级内的所有元素，除了子元素内的元素

你可以使用find方法。 它会找到除了班级child里面的孩子以外的所有后代/ child

$(".parent").find("*").not($(".child").children()).each(function(){
alert($(this).prop("class"));
});