Discussion :

[Invité]

Bonjour,
Je souhaites récupérer l'index du tr sur lequel j'ai clické dans mon tableau.
J'ai trouvé ce code qui semble faire ce que je souhaites

Code :

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

1
2
3
4
5
6
7
8
function() {
    if (!document.getElementsByTagName || !document.createTextNode) return;
    var rows = document.getElementById('my_table').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    for (i = 0; i < rows.length; i++) {
        rows[i].onclick = function() {
            alert(this.rowIndex + 1);
        }
    }

Pour la suite de mon projet je préfererais utiliser une ligne du genre:

Code :

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

1
2
3
$("my_table tbody tr").click(function ( e ) { 
   alert($(this).rowIndex);
});

Or cela me renvoit Undefined. Que devrais-je utiliser ?
Merci.

[Bovino]

$(this) correspond à un objet jQuery et ne possède donc pas de propriété rowIndex, en revanche, this correspond bien à un élément HTML, donc

Code :

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

1
2
3
$("my_table tbody tr").click(function ( e ) { 
   alert(this.rowIndex);
});

est amplement suffisant.

EDIT :
Quelques corrections toutefois !

Code :

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

$("my_table tbody tr")

est en fait incorrect puisque $("my_table") va chercher les balises <my_table> or je doute que tu aies de telles balises dans ton HTML !
D'autre part, il est conseillé d'utiliser .on() pour la gestion des événements.

Code :

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

1
2
3
$("#my_table tbody tr").on('click', function ( e ) { 
   alert(this.rowIndex);
});

[Invité]

Merci cela fonctionne parfaitement !

[SpaceFrog]

oui ou avec

Code :

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

.index()

prévu çà cet effet

cf. http://jsfiddle.net/wkVew/

[Lorenzo77]

normalement je l'utilise comme ceci :

Code :

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

$(this).index();