選擇沒有任何包含字符串的類的元素

Question

我想要一個jQuery選擇器來選擇任何沒有包含字符串'-text'的類的元素;

例如在以下幾點：

<img class="cow" > 
<img class="monkey" > 
<img class="cow-text" > 
<img class="monkey-text" > 

我想選擇：

<img class="cow" > 
<img class="monkey" > 

我知道我需要使用not，但我不能確定的格式。在沒有項目的下列結果被選中：

$('.panel').find('.layer').not('[class*="-text"]');

Answer 1

如果該類始終以「-text」結束，你應該例如使用EndsWith選擇

panel.find('img').not('[class$="-text"]'); 

或者

panel.find('img:not([class$="-text"])') 

這是一個更精確的解決方案中，通配符選擇器裝置等some-text-class或-text-class類也將被錯誤地拾取。

Answer 2

嘗試

panel.find('img').not('[class*="-text"]'); 

Answer 3

試試找到所有的img元素，並刪除所有，以-text結束。並使用每個多個元素。 例如類=「猴子文本」

$("img").not("[class$='-text']").each(function(){ 
    alert($(this).attr("class")); 
}); 

第二個預覽顯示了在開始字符串的字符串text-。只需將$更換爲^ class =「text-monkey」

$("img").not("[class^='text-']").each(function(){ 
    alert($(this).attr("class")); 
});