如何选择同一个父div中包含的所有div除了一个

Question

如何在一个父div中选择除一个之外的所有div？假设我有这样的代码：

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
    <div id="child3"></div>
</div>

我想选择#child1 #child2。当然我可以正常选择它们，但是假设我有很多孩子。

P.S。我不希望任何选择器像上一个或者什么东西，因为它不是说它必须始终是我想要跳过的最后一个。

Answer 1

您可以使用 not() ：

$('#parent div').not('#child3')

或:not选择器：

$('#parent div:not("#child3")');

这将选择父div中除#child3元素之外的所有子div。

Answer 2

$('#parent > div').not('#child3');

或

$('#parent > div:lt(2)').

或

$('#parent > div:not("#child3")');

Answer 3

您可以使用not方法。

$("#parent > div").not("#child3")

这将选择父div除child3之外的所有直接子项

Answer 4

您可以在CSS中使用:not伪类...不需要Jquery

JSFiddle Demo

#parent div:not(#child3) {
  /* your styles here */
}