테이블 행과 열의 내용을 얻는 방법

Question

누구나 내가 테이블 열과 테이블 행을 계산하고 각 셀의 id, attribute 및 내용을 얻을 수있는 아이디어를 줄 수 있습니까? (셀은 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 (자바 스크립트)를 사용하고 있습니다.

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.

를 사용할 수 있습니다.

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

위 밖으로 표 안에 모든 TR의 count를 넣어 것입니다.

는 DOM의 ID 속성을-넣어 것입니다 DOM 사용 위의 .attr()

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

의 ID attribut를 얻으려면.

는 .text() 이상

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

.html() 선택한 DOM의 내부 HTML or TEXT을-넣어 DOM 사용의 내부 텍스트를 얻으려면.

Answer 3

사용 length은 그럴 계산하고 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