not deleted css class elements

Question

How do I get elements that are not deleted class ".deleted"?

<ul class="users">
    <li class="user">mack</li>
    <li class="user">david</li>
    <li class="user">Resa</li>
    <li class="user deleted">Stock</li>
    <li class="user">fame</li>
    <li class="user">clock</li>
</ul>

score 8 · Accepted Answer · edited May 23 '17 at 12:28

8

so; you can do it with css selector and method.

.not()

jQuery("ul.users li").not(".deleted");

or jQuery(":not()")

jQuery("ul.users li:not(.deleted)");

is between using “:not” and “.not()” selectors

See Performance differences between using ":not" and ".not()" selectors?

edited May 23 '17 at 12:28

Community

1
1

answered Oct 13 '12 at 18:39

yasaricli

2,433
21
30

score 5 · Answer 2 · edited Oct 13 '12 at 21:13

5

Use :not():

$("li:not(.deleted)")

edited Oct 13 '12 at 21:13

Ry-

218,210
55
464
476

answered Oct 13 '12 at 18:35

John Conde

217,595
99
455
496

Bram Vanroy · Answer 3 · 2012-10-13T18:36:30.880

4

$("ul.users > li.user:not(.deleted)");

edited Oct 13 '12 at 18:36

answered Oct 13 '12 at 18:36

Bram Vanroy

27,032
24
137
239

score 4 · Answer 4 · answered Oct 13 '12 at 18:36

4

$('.users .user').not('.deleted');

answered Oct 13 '12 at 18:36

BenjaminRH

11,974
7
49
76

score 3 · Answer 5 · answered Oct 13 '12 at 18:36

3

With jQuery:

$(".users li:not(.deleted)")

answered Oct 13 '12 at 18:36

Chris Heald

61,439
10
123
137

not deleted css class elements

5 Answers5