Выберите элементы, которые не имеют классов, содержащих строку

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