如何获得一个表格的行和列的内容

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