如何獲得一個表格的行和列的內容

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')); 
    }); 
}); 

Answer 2

可以使用jQuery.

要獲得所有如下TR使用它。

var count = $('table tr').length; 

上面會出來把count所有的TR的表格內。

要獲得DOM使用.attr()

var tableID = $('table').attr('id'); 

上面的ID attribut會出把DOM的ID屬性。

來獲取文本的DOM使用內部.text()或.html()

var text = $('table tr td').text(); 
var html = $('table tr td').html(); 

上面會出來，把HTML or TEXT選擇DOM內。

Answer 3

使用length計算tr和each讓IDS和內容。

var table=$('table tr'); 
var trCount= table.length; //count tr 
alert('trcount='+trCount); 

    $('table tr td').each(function(){ 
     var tdID=$(this).attr('id'); //get id 
     var tdcontent=$(this).text(); //get content 
    alert('id='+tdID); 
    alert('content='+tdcontent); 
    }) ; 

fiddle here