javascript - 逐行 <tr> 单独访问表数据 <td>

Question

我需要对 DOM 进行更改。 我需要使用 paragaraphs 或类似的东西来呈现表格内容。为此，我需要获取表格每一行的数据。我该怎么做？

HTML 示例:

<table style="width:300px">
    <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
    </tr>
</table>

输出应该是这样的 - Jill Smith 50和 Eve Jackson 94

我写过这样的东西，但它遍历了所有 <td>网页中的标签。不按行。

 $("table").each(function() {
    $("tr").each(function(){
        $("td").each(function(){                
            label = $('td').text(); 
        });         
    alert(label);
 });

Answer 1

您可以使用 each()遍历行，然后遍历单元格

Live Demo

$("table tr").each(function(){
  text = "";
  $(this).find('td').each(function(){
     text += $(this).text() + " ";      
  });
    alert(text);
});