Comment attraper la valeur td dans jquery lors d'un clic de souris? J'ai fait ces choses en pur js mais c'est long. Est-ce que jquery peut avoir une solution facile? Je veux ajouter ces valeurs de capture dans le champ de texte du formulaire.comment attraper la valeur td de données de table?
$("#theTable").click(function(e) {
var data = $(e.target).closest("td").text();
});
<script type="text/javascript">
$(document).ready(function(){
$("#myTable td").click(function(){
alert($(this).html());
})
})
</script>
<table id="myTable" border="1" >
<tr>
<td>value 1</td>
<td>value 2</td>
<td>value 3</td>
</tr>
</table>
Vous pouvez utiliser .delegate(). Un gestionnaire sur l'élément conteneur (tableau) gère les événements sur tous les éléments contenus (filtrés selon vos préférences, par exemple « td »):
$('#thetable').delegate('td','click', function(){
alert('Value is ' + $(this).text());
});
Dans JS j'aurais putte l'événement sur l'élément de table, et lors de la cuisson Je voudrais vérifier quel était l'élément réel qui a été cliqué et agir sur ... Je suppose que l'objet événement Jquery attrape (Si cela fonctionne comme les autres bibliothèques) a cette information en elle ... Maintenant qu'il y a une réponse ci-dessous, mon commentaire explique exactement ce qu'il a fait là. –
@Itay Oui, l'objet événement transmis au gestionnaire de clic a une propriété 'target', qui pointe vers l'élément DOM sur lequel vous avez cliqué. –