Question

任何人都可以告诉我如何计算表格列和表格行，并获取每个单元格的id，属性和内容（单元格是可信的）。我必须使用哪些工具？

e.g。

<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.

要使所有tr使用它，如下所示。

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

以上将把所有tr的count放在表格中。

要获取DOM使用.attr()

的ID归属地

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

上面的

将输出ID的{{1}}属性。

要获取DOM内的文字，请使用DOM或.text()

.html()

上面的

会将var text = $('table tr td').text(); var html = $('table tr td').html();放在选定的HTML or TEXT内。

Answer 2

你可以利用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 3

使用length计算tr和each以获取ID和内容。

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

如何获取表行和列的内容

3 个答案: