选择没有任何包含字符串的类的元素

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")); 
});