테이블을 클릭 할 때 특정 행과 열 값을 얻는 방법

Question

동적 테이블을 만들었습니다. 이제는 특정 행과 열의 값을 가져 오는 방법을 알려줍니다. 다음은, 내 코드

var theader = '<table border="1">\n'; 
     var tbody = ''; 

     for (var out = 1;out<substr.length-1;out++) 
     { 
      //alert(substr[out]); 

      tbody += '<tr>'; 

      var pra = substr[out].split('|^'); 
      //alert('pra.length is: '+pra.length); 
      for (var i=0;i<pra.length-1;i++) 
      { 
       tbody += '<td>'; 
       tbody += pra[i];      
       tbody += '</td>' 

      } 
      tbody += '</tr>\n'; 

     } 

     //createTable(); 
     var tfooter = '</table>'; 
     document.getElementById('wrapper').innerHTML = theader + tbody + tfooter; 

Answer 1

테이블

에

var theader = '<table border="1" id=\"tableId\">\n'; 

을 ID를 할당하고,이 경우,이

데모 http://jsfiddle.net/75zFX/4/

$(function(){ 
    $("#tableIdtr td").on("click",function() { 
     alert($(this).html()); 
     //OR $(this).text() 

    }); 
});​