使用具有類似類名的jquery獲取元素

Question

我有一個類似類名的2個div標籤，唯一的區別是第二個div有一個擴展類名。我怎樣才能檢索2個元素分別在2個不同的變量使用jQuery。

<div class='container'> 
    <div class='submit'></div> 
    <div class='submit newClass'></div> 
</div> 

從上面的例子中，我需要其具有類'submit'和不'submit newClass'該項目。

如果我做了$('div.container .submit')，這給了我兩個div標籤。我該如何實現這一目標。我不想使用基於索引的選擇，或者使用jQuery中的'first'方法。

Answer 1

在你的榜樣，第二div並沒有真正有一個「擴展的類名」如你所說的那樣，它有兩個獨立的類， submit和newClass。如果是這樣的話，您可以排除使用:not僞選擇匹配從您的選擇.newClass元素：

var elements = $(".submit:not(.newClass)"); 

或者，你可以使用not方法：

var elements = $(".submit").not(".newClass"); 

如果在另一方面你例子是錯誤的，你實際上有一個更長的類名稱，以「submit」開頭，你可以使用「contains word」選擇器：

var elements = $("[class~=submit]"); 

Answer 2

使用:not與類你不想：

$('div.container .submit:not(.newClass)')