jQuery selector element with no class

Question

So i have let's say three divs

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

Is there a way to select the div that doesnt have any class? I dont know the order of the elements in DOM, so using something like .next() wouldnt work.

Possible duplicate of [jQuery get all divs which do not have class attribute](http://stackoverflow.com/questions/1962247/jquery-get-all-divs-which-do-not-have-class-attribute) — Enkode, Oct 26 '16 at 08:48
It's **well worth** your time to read through [the jQuery API](http://api.jquery.com) from beginning to end. It only takes an hour, maybe two at the most, and it pays you that time back right away. — T.J. Crowder, Oct 26 '16 at 08:48
Next time, please be sure to include important details like the edit about order in the *first* version of the question. — T.J. Crowder, Oct 26 '16 at 08:53

score 4 · Accepted Answer · answered Oct 26 '16 at 08:49

4

Try it with the :not() pseudo-class selector:

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

answered Oct 26 '16 at 08:49

Arun

257
1
5
22

Exactly what I needed! – Beginner Oct 26 '16 at 08:51

Rauno · Answer 2 · 2016-10-26T08:57:50.253

1

Edit: don't think the downvotes are fair when the question changes.

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

edited Oct 26 '16 at 08:57

answered Oct 26 '16 at 08:47

Rauno

616
8
22

Why downvote this? It's correct. A bit sparse, but... [Okay: It's no longer correct with the edited question...] – T.J. Crowder Oct 26 '16 at 08:49
@AllDani: I saw it, but the downvote I was commenting on was from before the edit. – T.J. Crowder Oct 26 '16 at 08:52
@T.J.Crowder got you – Oct 26 '16 at 08:55
1

too many downvoters downvoting for no reason on this site. it's becoming a farce – Pete Oct 26 '16 at 09:04
@Pete if I believed it made a difference, I'd complain too. – Oct 26 '16 at 09:11
I upvoted to redress the balance - but next time, please add a description/ reason, not just some code. – freedomn-m Oct 26 '16 at 09:20

score 0 · Answer 3 · answered Oct 26 '16 at 08:49

$('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 can use :not() to exclude div

score 0 · Answer 4 · answered Oct 26 '16 at 09:58

You can either by css or by jquery separate the div have no class. Example shown below. Both can filter the element without class attribute. In css it select div without class using not selector. And in Jquery also method is same as like css.

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

jQuery selector element with no class

4 Answers4