행을 감지하고 javascript를 사용하여 td 값을 가져옵니다. (동적 테이블)

Question

전적으로 인라인 자바 스크립트 사용을 피하고 싶습니다! 하지만 나는 PHP를 사용하여 MySQL 데이터베이스에서 동적으로 생성되는 테이블이 있습니다. 사용자가 클릭 한 행 중 하나를 클릭하면 클릭 된 행에 대한 정보가있는 모달이 생성되기를 원합니다. 이제 모달을 초기화 할 수 있지만 테이블의 첫 번째 열은 해당 행에 대한 정보를 검색하는 데 사용할 수있는 인덱스 값을 보유합니다. 내 질문에 어떻게 색인 값을 자바 스크립트를 사용하여 검색 할 수 있습니다. 내가 다음 코드를 사용하고있는 모달를 시작하려면 :

$('#production tr').click(function(){ 
    $('#review_order').modal('show'); 
}) ;  

표 태그 :

당신이 rowspan/ colspan 속성을 추가 한 않는

<table id="order_basket" class="table table-bordered"> 
    <thead> 
     <th>Voucher ID</th> 
     <th>Title</th> 
     <th>Created By</th> 
    </thead> 
    <tbody> 
     <tr><td>1<td> 
     <td>Something here</td> 
     <td>Some Person</td></tr> 
    </tbody> 
<table> 

Answer 1

은 행의 첫 번째 열은 tr의 첫 번째 td 자식 :

$('#production tr').click(function() { 
    var index = $(this).children("td").first().text(); 
    // `index` is the text in the first column in the clicked row 

    $('#review_order').modal('show'); 
});