Cellule du dessous

Bonjour à tous,

Si je poste aujourd'hui c'est pour demander un peu d'aide au sujet de JQuery, avec lequel je débute afin de faire une opération dans un tableau.
Tout simplement quand je survole sur une cellule je souhaite faire une opération sur la cellule <gras>du dessous</gras>.

Par exemple pour on va admettre que je veux colorer la cellule quand la souris passe dessus ainsi que celle du dessous.

Pour colorer ma ligne surligné pas de problème :

Code:

---

1 2 3 4

$('.monTd').mouseenter(function(){ $(this).css({backgroundColor : '#CECECE'}); });

---

Maintenant pour celle du dessous je pense qu'il me faut prendre le parent le suivant (donc la ligne suivante) puis faire l'opération sur le cellule numéro X mais je sais pas trop comment faire.

Merci de votre aide.

salut,

c'est assez facile.
Depuis ton td, tu remontes au tr. Depuis ce tr, tu prends le tr suivant, et depuis ce tr suivant, tu prend le td de la même colonne.

Donc grossomodo, quelque chose de la sorte :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$('.monTd').mouseenter(function(){ //recuperer l'<a href="http://api.jquery.com/index/" target="_blank">index</a> de la colonne var trParent = $(this).parent(); var indexColonne = trParent.find('td').index(this);   //on prend le tr suivant var trSuivant = trParent.next();   //puis le td de même numéro de colonnes var celluleDuDessous = trSuivant.find('td').eq(indexColonne); });

---

j'ai pas testé, à la syntaxe prêt

Merci, par contre j'ai trouvé une autre solution sur un autre site. Ça prend une seule ligne, voilà le code :

Code:

---

1 2	td = $(this).parent('tr').next('tr').children('td:eq(' + $(this).index() + ')');

---

une autre solution ??? 8O
heu c'est exactement la même !

le principe étant de trouver l'indexe du td dans la collection, des td de la ligne, de passer à la ligne suivante et de prendre le même indexe !

:roll: