2016-10-26 2 views
-1

Так я, скажем, три дивыJQuery селектор элемент, без класса

<div class="a"></div> 
<div class="b"></div> 
<div></div> 
    . 
    . 
<div class="n"></div> 

Есть ли способ, чтобы выбрать DIV то не имеет какой-либо класс? Я не знаю порядок элементов в DOM, поэтому использование чего-то вроде .next() не работает.

+0

Эмм, используйте "DIV"? Или третьего ребенка? –

+5

Возможный дубликат [jQuery получить все div, которые не имеют атрибута класса] (http://stackoverflow.com/questions/1962247/jquery-get-all-divs-which-do-not-have-class-attribute) – Enkode

+1

@AllDani, тогда вы получите все divs – Pete

ответ

2

Попробуйте с: нет() селектор псевдо-класса:

$('div:not([class])') 
+0

Хорошая точка! ... –

+0

То, что мне нужно! – Beginner

-1

Редактировать: не думаю, что downvotes являются справедливыми, когда вопрос меняется.

$('div:not([class])') 
+0

Зачем это делать? Это верно. Немного редки, но ... [Хорошо: это уже не правильно с отредактированным вопросом ...] –

+0

@AllDani: Я видел это, но нижний уровень, который я комментировал, был до редактирования. –

+0

@ T.J.Crowder получил вас –

-3

Вы можете сделать что-то вроде:

$("div").css("border", "9px solid red"); 
+0

Это не касается проблемы. – Roberrrt

0

$('div:not(.a, .b, .n)').addClass('red')
.red{color:red}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="a">123</div> 
 
<div class="b">123</div> 
 
<div>123</div> 
 

 
<div class="n">123</div>

You можешь se :not(), чтобы исключить div

+1

за исключением того, что у меня могут быть десятки divs, чтобы исключить .. – Beginner

0

Вы можете либо с помощью css, либо с помощью jquery отдельно у div нет класса. Пример, показанный ниже. Оба могут фильтровать элемент без атрибута класса. В css он выбирает div без класса, используя не селектор. И в JQuery также метод такой же, как и css.

<!doctype html> 
 
<html> 
 
\t <head> \t \t 
 
\t \t <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
\t \t <style> 
 
\t \t \t div:not([class]){ color: red; } 
 
\t \t </style> 
 
\t \t <script> 
 
\t \t \t $(document).ready(function(){ 
 
\t \t \t \t var noClassElement = $('div:not([class])'); 
 
\t \t \t \t console.log(noClassElement) 
 
\t \t \t }); 
 
\t \t </script> 
 
\t </head> 
 
\t 
 
\t <body> 
 
\t \t <div class="a">sdf df sfsdf</div> 
 
\t \t <div class="b">sdfsdsdsdf</div> 
 
\t \t <div>dfgdfg</div> 
 
\t \t <div class="n">sdfsdf</div> 
 
\t </body> 
 
</html>

Смежные вопросы