Discussion :

[__fabrice]

Hello,

J'ai un p'tit soucis avec un tableau, chaque ligne (tr) correspond à un produit du caddie.
Chaque ligne a une classe différente : une ligne marron-clair, une ligne marron-foncé, une ligne marron-claire, etc, etc.

Lorsque je supprime un produit en ajax (je remove le tr), j'aimerai bien que l'alternance des couleurs se refasse, parce que du coup, j'ai 2 même couleurs qui se suivent, of course

J'ai essayé plusieurs truc, comme :

Code :

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

1
2
$('table#cart_summary tbody tr:nth-child(even)').removeClass('even-cart').addClass('even-cart');
$('table#cart_summary tbody tr:nth-child(odd)').removeClass('odd-cart').addClass('odd-cart');

ou

Code :

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

1
2
$('table#cart_summary tbody tr:even').addClass('even-cart');
$('table#cart_summary tbody tr:odd').addClass('odd-cart');

Ou faire un each, mais rien ne change. Evidemment, le DOM a changé et il faut utiliser la fonction live(), mais pas de ce cas.

Comment faire ?

Merci à tous.
Fabrice

[danielhagnoul]

Bonsoir.

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
// Exemple. Dans mon code de test le fond des td à une couleur		
// Lors de la construction de la table le background-color des td est #FFFFFF
// On colore le fond des td des tr impair (even) du tbody uniquement
$("tr:even").find("td").css("background-color", "#bbbbff");
 
$("#reload").click(function(){
	// On elève la cinquième ligne
	$("#maTable > tbody > tr:eq(4)").remove();
 
	// On remet tout à la couleur par défaut
	$("tr").find("td").css("background-color", "#FFFFFF");
 
	// On recolore le fond des td des tr impair
	$("tr:even").find("td").css("background-color", "#bbbbff");
});

[__fabrice]

Bonsoir,
Merci de ta réponse. J'ai essayé ta methode, que j'avais déjà testé, mais c surprenant, çà marche dans la console de Firebug, mais pas dans mon script :

Code :

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

1
2
3
4
5
6
7
$("table#cart_summary tbody")
.find("tr").removeClass('even-cart').removeClass('odd-cart')
.addClass('odd-cart');
 
$("table#cart_summary tbody tr:even")
.removeClass('even-cart').removeClass('odd-cart')
.addClass('even-cart');

Fabrice

[__fabrice]

Pas d'idée, alors ?

Merci
Fabrice