Question

Say I have the following HTML:

<p class="link"><a href="#">This is a link.</a></p>
<p class="link"><a href="#">This is another link.</a></p>
<p class="link current"><a href="#">This is yet another link.</a></p>
<p class="link"><a href="#">This is still another link.</a></p>

I want to use jQuery’s $.each() function to go through all the objects with the class link, but I want to skip the one which also has a class current. How do I do that?

I could check for the existence of the class within the each loop like this:

$('.link').each(function() {
    if (!$(this).hasClass('current'))
        $(this).fadeOut();
})

… but is there a way to specify “class x, but not class y” in jQuery, removing the need for the if condition?

Answer 1

Exclude the elements using the :not() selector:

$('.link:not(.current)').fadeOut();