1

テーブルの列とテーブルの行を数え、各セルのID、属性、およびコンテンツを取得する方法について、誰かが私にアイデアを与えることができます(セルはコンテンツ編集可能です)。どのツールを使用する必要がありますか?

例えば

<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) を使用しています。

4

3 に答える 3

1

あなたが使用することができますjQuery.

すべての tr を取得するには、以下のように使用します。

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

上記はcount、テーブル内のすべての tr を出力します。

DOM使用のID属性を取得するには.attr()

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

上記は のID属性を出力しDOMます。

DOM使用中のテキストを取得するには、.text()または.html()

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

上記はHTML or TEXT、選択した の内部を出力しDOMます。

于 2013-03-04T09:24:52.393 に答える
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'));  
    });
});
于 2013-03-04T09:38:33.837 に答える
0

lengthtr をカウント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);  
   }) ;

ここでフィドル

于 2013-03-04T09:39:27.730 に答える