Récupérer le texte des cellules td avec jQuery

Question

J'ai ce code dans jQuery :

children('table').children('tbody').children('tr').children('td')

qui récupère toutes les cellules du tableau pour chaque ligne. Ma question est la suivante : comment puis-je obtenir la valeur du texte dans chaque cellule de chaque ligne ?

Dois-je utiliser .each() pour passer à travers tous les children('td') ? Comment puis-je obtenir la valeur du texte de chaque td ?

Answer 1

Tout d'abord, votre sélecteur est exagéré. Je suggère d'utiliser un sélecteur de classe ou d'ID comme mon exemple ci-dessous. Une fois que vous avez corrigé votre sélecteur, il suffit d'utiliser la fonction jQuery .each() pour itérer dans la collection :

Sélecteur d'identité :

$('#mytable td').each(function() {
    var cellText = $(this).html();    
});

Sélecteur de classe :

$('.myTableClass td').each(function() {
    var cellText = $(this).html();    
});

Informations supplémentaires :

Jetez un coup d'œil à Documentation sur les sélecteurs de jQuery .

Answer 2

Vous pouvez utiliser .map : http://jsfiddle.net/9ndcL/1/ .

// array of text of each td

var texts = $("td").map(function() {
    return $(this).text();
});

Answer 3

Je donnerais à vos tds une classe spécifique, par ex. cellule de données et ensuite utiliser quelque chose comme ça :

$("td.data-cell").each(function () {
    // 'this' is now the raw td DOM element
    var txt = $(this).html();
});

Answer 4

$(document).ready(function() {
  $('td').on('click', function() {
    var value = $this.text();
  });
});

Answer 5

$(".field-group_name").each(function() {
        console.log($(this).text());
    });