mit jQuery wie ID-Wert innerhalb der Tabelle zu fangen

Question

Hier verwende ich jQuery Tabelle bitte helfen Sie mir. Wie kann ich Id Wert fangen und diesen Wert zur nächsten Funktion binden

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); 
} 

Here I binden möchten, dass wert-

$('body').on('click', '#Hello', function (e) { 
    var page2 = $(this).valueOf(); 
    console.log(page2);  
}); 

Answer 1

Sie müssen es tun, wie unten: -

$(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); 
}); 

Arbeitsbeispiel: -

$(function(){ 
 
var data=[{Emp_Id:1,Emp_Name:'alive',Email:'alive@gmail.com'},{Emp_Id:2,Emp_Name:'to',Email:'to@gmail.com'},{Emp_Id:3,Emp_Name:'die',Email:'die@gmail.com'}]; 
 
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>

Answer 2

anstelle von ID = "Hallo" erstellen onclick Funktion in a-Tag selbst.

Verwendung dieser Code in Ihre Erfolgsfunktion

$(function(){ 
 
var data=[{Emp_Id:1},{Emp_Id:2},{Emp_Id:3}]; 
 
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 href="#" onclick="editEmployee('+value.Emp_Id+')">Edit</a>')) 
 
     $table.append($row); 
 
    }); 
 
    $('#Div1').html($table); 
 
    
 
}) 
 
function editEmployee(id){ 
 
    console.log(id); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="Div1"></div>