Question

A quick question about jQuery’s each() function;

When I use each(), it’s usually because I want to affect all the elements apart from just one. For instance:

$("a.aboutMenu").each(function () {
    $(this).css("color","#FFF");
});

$(this).css("color","#111");

Is there a shorthand way of writing this better? I realise I could put an if in the each function, but there must be someway of writing “each except $(this)“?

Answer 1

Is exactly the same thing if you see on the jQuery API.

In your example you are saying: for each a.aboutMenu to change the css color to be white.

You can also write:

$.each('a.aboutMenu', function() { $(this).css("color","#FFF");} });

If you need a control just add an if inside your function.

---

EDIT:

To remove just this element you can write:

$('.aboutMenu').not(this).css('color', '#FFF');

or better:

$('.aboutMenu').not(this).addClass('whiteColor');