Comment effectuer un Each sur un ensemble d'objets en excluant un objet precis ?

**boutmos** · 27/01/2010, 11h03

Bonjour,

J'ai besoin de boucler sur un ensemble d'objets en excluant l'objet sur lequel j'ai clické.

J'ai donc effectué ce code qui fonctionne mais je me demande si il n'y a pas qlqchose de plus facile et condensé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$(".item").click(function(){
	$(this).addClass("activeItem").css("border", "2px solid green");
	$(".item").each(function(){
		if ( !$(this).hasClass("activeItem") ) {
			$(this).css("border", "2px solid red");
		}
	});
});

En gros je tag l'objet cliqué en lui ajoutant une class "activeItem" et pendant ma boucle , j'effectue un traitement sur tous les objets ne possedant pas la class "activeItem"

**danielhagnoul** · 27/01/2010, 11h28

Bonjour.

Exemple, avec jQuery 1.4.1 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script charset="CP-1252" src="../lib/jquery-1.4.1.min.js"></script>
<script>
	$(function(){
 
		$(".item").click(function(){
			var n = $(this).index();
 
			$(".item").each(function(i, item){
				if (n != i){
					$(item).css("border", "2px solid red");
				}
			});
		});
 
	});
</script>

**boutmos** · 27/01/2010, 11h57

ouky,

La méthode est sensiblement la même sauf qu'il n'y a pas besoin de jonglage pour marquer l'objet comme je l'ai fait

Merci

**Bovino** · 27/01/2010, 14h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$(this).addClass("activeItem").css("border", "2px solid green");
$(".item").not('.activeItem').each(function(){
	$(this).css("border", "2px solid red");
});