jQuery: Get <td> html seulement

Question

J'ai ce code. Il retourne tout le code td incluant les tags td/td. Je veux seulement revenir le contenu/html du td

<td>Hey</td> 

devrait me donner juste

Hey 

 

jQuery("#ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr", tr).map(function (index, td) { 
     return jQuery(td).html(); 
    }); 
}); 

Le code jQuery me donne un tableau qui ressemble à ceci:

arr[0] = {"<td>1</td>", "<td>Hey</td>", "<td>Some data</td>" } 
arr[1] = {"<td>2</td>", "<td>There</td>", "<td>Some other data</td>" } 

De html Ressemblant à ceci:

<table id="ReportTable"><tr><td>1</td><td>Hey</td><td>Some data</td></tr><tr><td>2</td><td>There</td><td>Some other data</td></tr></table> 

Ainsi, le tableau est bon, sauf que je ne le besoin html/texte à l'intérieur du TD.

Answer 1

Vous devez descendre d'un niveau plus dans votre sélecteur, comme ceci:

jQuery(".ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr td", tr).map(function (index, td) { return jQuery(td).html(); }); 
}); 

Ou, il suffit d'utiliser .text() à la place ou .html(), comme ceci:

jQuery(".ReportTable", html).each(function (index, tr) { 
    arr[index] = jQuery("tbody tr", tr).map(function (index, td) { return jQuery(td).text(); }); 
}); 

(j'ai ".ReportTable" place de "#ReportTable", comme les commentaires notés sur la question ID doivent être uniques ... donc vous devriez utiliser class="ReportTable" s'il y en a plusieurs)

Answer 2

Alors pourquoi ne pas sélectionner le TD au lieu du TR dans votre sélecteur et travailler à partir de là? La fonction html() de jQuery utilise htmlElement.innerHtml, donc vous ne devriez avoir aucun problème une fois que vous avez sélectionné les éléments corrects.

Answer 3

Il me semble que la solution la plus simple serait de travailler directement sur les TD au lieu de sélectionner d'abord leur parent. Est-ce que le code ci-dessous résout le problème? (Je pourrais avoir mal compris - excuses si c'est le cas!)

jQuery("#ReportTable td", html).each (function (index) { 
    arr[index] = jQuery(this).html(); 
}