Discussion :

[ne2sbeal]

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 :

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

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.

[Invité]

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 :

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

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

[ne2sbeal]

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

Code :

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

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

[SpaceFrog]

une autre solution ???
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 !