jQuery Girl
  1. jQuery Girl
  3. Comment obtenir une position de dans une table avec JQuery?
Intereting Posts
bibliothèque jquery alternative à l’événement sortingger beforeunload / unload Vous souhaitez utiliser les effets de fondu entrant jQuery, mais vous souhaitez utiliser la visibilité: masquée initialement Comment remplacer la fonction js dans odoo limiter le texte avec jquery Comment masquer div, lorsque l’utilisateur saisit «entrées» et passe au div suivant Intégration du menu Push multiniveau dans une application Meteor magento utilisant jquery avec noconflict Survolez commence un diaporama simple Remplacer le texte sans code sur la page Web Utilisation de jquery scroll sur les problèmes ie11 avec des éléments instables Table pliante dans jQuery Comment setInterval () affecte-t-il les performances? Fractionner avec JQuery – Boucle dans la chaîne Comment utiliser jquery next () pour sélectionner la prochaine division par classe Coloriser les nombres négatifs / positifs (jQuery)

Comment obtenir une position de dans une table avec JQuery?

Par exemple: 

 
1,12,1
 
2,12,2

Je veux utiliser la fonction suivante: 

 $("td").click(function(){ alert(xxxx) })

pour obtenir la position de

quand on clique dessus, mais comment?

La fonction d’ index appelée sans paramètre obtiendra la position par rapport à ses frères (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(',') ); });

Noyau / index 

 $("td").click(function(){ var column = $(this).parent().children().index(this); var row = $(this).parent().parent().children().index(this.parentNode); alert([column, ',', row].join('')); })

Selon cette réponse , DOM niveau 2 expose les propriétés cellIndex et rowIndex des éléments td et tr , respectivement.

Vous permet de faire ceci, ce qui est assez lisible: 

 $("td").click(function(){ var column = this.cellIndex; var row = $(this).parentNode.rowIndex; alert("[" + column + ", " + row + "]"); });

Dans jQuery 1.6: 

 $(this).prop('cellIndex') 
 $("td").click(function(e){ alert(e.target.parentElement.rowIndex + " " + e.target.cellIndex) }); 
 tr, td { padding: 0.3rem; border: 1px solid black } table:hover { cursor: pointer; } 
  
 
 0, 0 0, 1 0, 2 
 
 1, 0 1, 1 1, 2