jQuery Selecting elements which haven't been clicked

[AmmarIdris88]

Hi,

What would be the best method to select the elements in a container which haven't been clicked when one of the elements in that container has been clicked? That won't make any sense without an example so lets say we have a div which contains several other divs, like so:

<div id="container">

  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>

</div>

... and I use jQuery to do something when an item is clicked, how do I refer to all the other items which haven't been clicked? Something like .each() except for the item which was just clicked. I'm not looking for any sort of long method to do this, if that is what's necessary I can write it myself. I just want to make sure that I haven't overlooked an existing jQuery method that can do it really simply.

Thank you.

[VIPStephan]

Assign a class to each item on click and then address all elements that don’t have that class. E. g.:

PHP Code:

$('#container > div').click(function() {
  $(this).addClass('clicked');
});

...

$('#container > div:not(.clicked)')... 


[AmmarIdris88]

Originally Posted by VIPStephan

Assign a class to each item on click and then address all elements that don’t have that class. E. g.:

PHP Code:

$('#container > div').click(function() {
  $(this).addClass('clicked');
});

...

$('#container > div:not(.clicked)')... 


Thanks, a very simple solution. I overlooked the :not selector which is perfect for my problem. Thank you.