Как найти элементы без класса в JQuery?

Question

У меня есть следующий HTML

<div class="one">One<div> 
<div class="two">two<div> 
<div >three<div> 
<div >four<div> 
<div class="three">five<div> 

Как бы мне найти элементы DIV, которые не имеют атрибута класса? т.е. три и четыре?

Answer 1

Используйте :not селектор для фильтрации

$('div:not([class])'); 

Answer 2

Предполагая, что вы не хотите выбирать все разделители, у которых нет классов, вы можете использовать nth-child для выбора конкретных, если вы точно знаете, где они находятся в контейнере. Это позволит выбрать ваш класс менее делители:

$('div:nth-child(3)') // Selects the third divider 
$('div:nth-child(4)') // Selects the fourth divider 
$('div:nth-child(3), div:nth-child(4)') // Selects both 

JSFiddle example.

В качестве альтернативы можно выбрать с помощью .prev() и .next():

$('div.two').next() // Selects the divider after div class="two" 
$('div.three').prev() // Selects the divider before div class="three" 

Answer 3

Вы можете использовать :not селектор

$('div:not([class])'); 

здесь API

И simple Fiddle

Answer 4

Объединить селектор :not() с атрибутом настоящего селектором [class].

$("div:not([class])") 

jsFiddle.

Answer 5

Есть разные способы сделать это. Вы можете использовать .children(), чтобы получить список, а затем проиндексировать его. Или вы можете посмотреть второй элемент и использовать .next(), чтобы получить его родной брат.

Answer 6

Другой вариант заключается в использовании .not() с Has Attribute Selector

$('div').not('[class]')