여기에 jQuery 테이블을 사용하고 있습니다. Id 값을 포착하고이 값을 다음 함수에 바인딩하는 방법
success: function (data) {
var $table = $('<table></table>').addClass('table table-responsive table-striped table-bordered');
var $header = $('<thead><tr><th>EmpId</th><th>EmpName</th><th>Email</th><th>Action</th></tr><thead/>');
$table.append($header);
$.each(data, function (i, value) {
var $row = $('<tr></tr>');
$row.append($('<td/>').html(value.Emp_Id));
$row.append($('<td/>').html('<a id="Hello" href="#" value='+value.Emp_Id+'>Edit</a>'))
$table.append($row);
});
$('#Div1').html($table);
}
여기에 그 값을 묶고 싶습니다.
$('body').on('click', '#Hello', function (e) {
var page2 = $(this).valueOf();
console.log(page2);
});
다음과 같이해야합니다.
$(document).on('click', 'tr td a', function (e) { //bind click on link
e.preventDefault(); //stop page refresh and page url change
var page2 = $(this).attr('value'); //get link value
console.log(page2);
});
작업 예 :-
$(function(){
var data=[{Emp_Id:1,Emp_Name:'alive',Email:'[email protected]'},{Emp_Id:2,Emp_Name:'to',Email:'[email protected]'},{Emp_Id:3,Emp_Name:'die',Email:'[email protected]'}];
var $table = $('<table></table>').addClass('table table-responsive table-striped table-bordered');
var $header = $('<thead><tr><th>EmpId</th><th>EmpName</th><th>Email</th><th>Action</th></tr><thead/>');
$table.append($header);
$.each(data, function (i, value) {
var $row = $('<tr></tr>');
$row.append($('<td/>').html(value.Emp_Id));
$row.append($('<td/>').html(value.Emp_Name));
$row.append($('<td/>').html(value.Email));
$row.append($('<td/>').html('<a href="#" value='+value.Emp_Id+'>Edit</a>')); // no need of creating repetitive id="Hello"
$table.append($row);
});
$('#Div1').html($table);
})
$(document).on('click', 'tr td a', function (e) { //bind click on link
e.preventDefault(); //stop page refresh and page url change
var page2 = $(this).attr('value'); //get link value
console.log(page2);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Div1"></div>이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다