如何選擇除了一個以外的同一父母div中包含的所有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.我不希望任何像last或者something這樣的選擇器，因爲它沒有說它總是我想要跳過的最後一個。

Answer 1

您可以使用not()：

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

或:not選擇：

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

這將選擇除#child3元素父格內的所有孩子的div。

Answer 2

可以使用:not僞類CSS ...沒有必要的Jquery

JSFiddle Demo

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

Answer 3

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

或

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

或

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

Answer 4

您可以使用not方法。

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

這將選擇父DIV的所有直接孩子除了child3