逐行访问表数据<td>逐行<tr>

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()遍历行，然后遍历单元格

现场演示

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