2012-03-14 4 views
0

테이블 또는 플러그인의 클래스/ID가 없습니다. 약간의 더미 값이있는 4 열 8 행의 간단한 테이블.테이블의 세 번째 열에서 행 값 검색

테이블의 세 번째 열의 행 값을 가져 오는 방법은 무엇입니까?

누구든지 jquery 구문을 작성하십시오.

누구나 jquery의 테이블 조작에 대한 온라인 자습서를 알고 계실 수 있습니다. 플러그인이 없습니까?

+0

ID 나 클래스가 없으면 테이블을 식별하는 유일한 다른 선택자는'table' 요소 자체입니다 –

답변

1
<table> 
<tr><td>One</td><td>Red</td></tr> 
<tr><td>Two</td><td>Blue</td></tr> 
<tr><td>Three</td><td>Green</td></tr> 
</table>​ 

이렇게하면 세 번째 테이블 행 요소의 값이 추출되어 배열에 저장됩니다.

​$(document).ready(function() { 
    var values = []; 
    $('table tr:nth-child(3) td').each(function() { 
     values.push($(this).html()); 
    }); 
    console.log(values); 
}​);​ 

http://jsfiddle.net/AQcgm/

0

테이블의 구조가 의미 그대로의 경우 (즉 : TR> TD), 각 TR에서 세 번째로 TD를 잡기 위해 jQuery를 each 루프를 사용할 수 있습니다. 당신이 경우,

$('table tr td:nth-child(3)').text() 

또는 : 당신이 4 열 8 행의 테이블을 가지고 있다면 http://jsfiddle.net/sLtya/

0

참조하고 각 행에서 세 번째 열에서 텍스트를 얻을 싶어, 다음을 사용할 수 있습니다 이 도움이

$('table tr td:nth-child(3)').css('backgroundColor', '#efefef'); 

희망 : 결과에서 각 컬럼에 대한 작업을 수행하고 싶었 같은 배경 색상을 변경할 수 있습니다. 나는 질문이 잠시 전에 물었다는 것을 알았지 만, 나는 이것을 어떻게하는지를 찾고 있었고 쉽게 해결책을 찾을 수 없었습니다. 그래서 이것을 공유하면 다른 사람들이 이것을하는 방법을 찾는데 도움이 될 것입니다.

관련 문제