jquery: ordinal de td à l'intérieur tr

Question

J'ai une ligne dans une table html qui contient seulement des images. (Cela arrive aussi à la première rangée). Ces images sont câblées pour un événement de clic aussi. En essayant de gérer l'événement click, je peux trouver son parent (c'est-à-dire l'élément <td>). Mais je veux connaître son ordinal relatif dans la ligne du tableau (<tr>).

Answer 1

Vous pouvez trouver le ordinale avec la fonction index():

$('td img').click(function() { 
    var ordinal = $(this).closest('tr').children().index($(this).parent()); 
    // ... 
}); 

Answer 2

Le nombre d'éléments avant l'élément courant sera son index dans les DOM par rapport au parent. Vous pouvez utiliser .prevAll() et obtenir la longueur de l'ensemble résultant:

$('td').click(function(){ 
    alert($(this).prevAll().length); 
}); 

Demo available on jsfiddle