12
votes

Comment obtenir une position dans une table en utilisant jQuery?

Par exemple: xxx

Je veux utiliser la fonction suivante: xxx

pour obtenir le < / code> `s Position lorsque vous cliquez dessus, mais comment?


0 commentaires

5 Réponses :


16
votes

Core / Index

$("td").click(function(){

    var column = $(this).parent().children().index(this);
    var row = $(this).parent().parent().children().index(this.parentNode);

    alert([column, ',', row].join(''));
})


0 commentaires

3
votes

dans jQuery 1.6: xxx


0 commentaires

23
votes

L'index indice code> appelé Aucun paramètre n'aura la position relative à ses frères et sœurs (pas besoin de traverser la hiérarchie).

$('td').click(function(){   
   var $this = $(this);
   var col   = $this.index();
   var row   = $this.closest('tr').index();

   alert( [col,row].join(',') );
});


0 commentaires

7
votes

Selon Réponse , Dom Niveau 2 expose cellindex et rowindex Propriétés de TD et tr Eléments, respectivement.

vous permet de le faire, ce qui est assez lisible : xxx


1 commentaires

Ce code ne fonctionnera pas réellement tel que vous appelez cellindex sur un objet JQuery, il suffit d'utiliser this.cellindex au lieu de $ (ceci). cellindex pareil avec obtenir la ligne



1
votes

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>0, 0</td>
    <td>0, 1</td>
    <td>0, 2</td>
  </tr>
  <tr>
    <td>1, 0</td>
    <td>1, 1</td>
    <td>1, 2</td>
  </tr>
</table>


0 commentaires