현재 앵커에 링크하는 방법

Question

JSON 데이터로 채워진 동적 테이블을 만들고 있습니다. 이 표의 일부 셀을 클릭 할 수있게 만들고 싶습니다. 그러나 셀을 클릭하고 경고하려고 할 때 전체 열에 경고합니다. 어떻게 해결할 수 있습니까?

function onLoad(){ 
     var url='example.js'; 
     $.getJSON(url, function(json){ 
      var table = $("#table"); 


      var c=0; 
      for(var i=0; i<json.length;i++){ 
       var tr = $('<tr>'); 
       var td = $('<td>'); 
       td.html(json[i].name); 
       tr.append(td); 
       td = $('<td> '); 
       td.html(json[i].category); 
       tr.append(td); 
       td = $('<td>'); 
       td.html(json[i].amount); 
       tr.append(td); 
       td = $('<td>'); 

       td.html('<a>    '+json[i].location); 

       tr.append(td); 
       td = $('<td>'); 
       td.html(json[i].date); 
       tr.append(td); 

       table.append(tr); 
       $("a").attr("href","#"); 
      } 

      $('body').append(table); 
     }); 
    } 

$("#table").on('click',function(e){ 
    e.preventDefault(); 
    alert($(this).children().children().children().children().text()) 
}); 

Answer 1

당신은 사용할 수 있습니다 : 여기

코드입니다

$("#table").on('click', 'td', function(e){ 
    e.preventDefault(); 
    alert($(this).text()) 
});