javascript - 如何获取表格行和列的内容

Question

任何人都可以告诉我如何计算表格列和表格行并获取每个单元格的 ID、属性和内容(该单元格是 contenteditable 的)。我必须使用什么工具？

例如

<table>
<tbody>
<tr>
 <td id='1A' rowspan=2>Rowspan 2</td>
 <td id='1B'>22222</td>
 <td id='1C'>33333</td>
</tr>
 <tr>
   <td id='2B' colspan='2'> Colspan2</td>      
</tr>
<tr>
 <td id='3A' style='color:red'>Whaterver</td>
 <td id='3B' style='font-weight:bold'>Askyourmother</td>
 <td id='3C'>sigh</td>
</tr>
</tbody>
</table>

我正在使用 Jquery (Javascript)。

Answer 1

您可以使用 jQuery 获取它，然后用它做任何您想做的事。在这种情况下，我只是在控制台中打印它。

//for each TR...
$('table tr').each(function(){

    //for each TD....
    $(this).find('td').each(function(){
         console.log($(this).text());  //do whatever you want with the text
         console.log($(this).attr('id'));  
         console.log($(this).attr('any_other_attribute'));  
    });
});