[JavaScript] 특정 테이블 행 값 가져오기

자바스크립트에서 테이블의 행을  값을 가져오는 코드

<table id="table_id"> <thead> <tr> <td> test0 </td> <td> test1 </td> <td> test2 </td> </tr> </thead> </table>

 

위와 같은 테이블이 있을 때

테이블의 클릭한 행의 값을 가져오려면 

 

$('#table_id').on("click", "tr", function(){

    console.log( $(this).find("td:eq(0)").text()); //test0
    console.log( $(this).find("td:eq(1)").text()); //test1
    console.log( $(this).find("td:eq(2)").text()); //test2

});

 

클릭하지 않고 값을 찾는 방법

 

var date = ('#table_id').find("td:eq(1)").text();
console.log(date); // test1

 

테이블에 id값이 설정되어있을 때의 경우는

this 대신 #id값을 적어서 가져올 수 있다