2016-03-23 139 views
1

我有以下表從jQuery的創建的數據-ID:jQuery的獲得錨標記

$('#btniLoad').click(function(){ 
var gradelevel = $('#ylvl').val(); 

$.ajax({ 
type:'POST', 
url:"<?php echo site_url('enrollment/searchTeacher');?>", 
dataType:'json', 
data:{q:gradelevel}, 
success: function(data){ 

    if(!data.teacherinfo[0]) 
    { 
    var table = "There's no teacher registered yet"; 

    } 
    else 
    { 
    var table = "<table class='table table-striped table-bordered' cellspacing='0' width='100%'>"; 
    table += "<thead><th>Teacher's Name</th></thead><tbody>"; 
    for(var i = 0; i < data.teacherinfo.length;i++) 
    { 
     table += "<tr><td><a href='#teachermodal' data-toggle='modal' role='button' id='teachview' data-id='" 
     +data.teacherinfo[i].teacherid+"'>" 
     +data.teacherinfo[i].FirstName+', '+data.teacherinfo[i].MiddleName+', ' 
     +data.teacherinfo[i].LastName+"</a></td></tr>"; 
    } 
    table += "</tbody></table>"; 
    } 

    $('#teacherTable').empty(); 
    $('#teacherTable').append(table); 
}, 
}); 
}); 

我想在控制檯中顯示日誌數據的ID在href來檢查它是否能通過標識正確,但我不從控制檯日誌得到任何結果.... 這是錨標記上的點擊事件:

$(function(){ 
$('#teachview').click(function(){ 
var teachid = $(this).attr("data-id"); 
console.log(teachid); 
}); 
}); 
+1

使用'$(文件)。在( '點擊', '#teachview',函數(){',而不是'$('# teachview')。click(function(){' – guradio

+0

[動態創建的元素上的事件綁定?]的可能重複?(http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) –

+0

另外*** ID應該是唯一的***如果你正在生成元素動態使用類而不是 – guradio

回答

2

使用$(document).on('click','#teachview',function(){代替$('#teachview').click(function(){

ID應該是唯一的使用類,而不是

+0

感謝您的答案我想我必須重新構造整個表... – SilverRay

+0

np即時通訊很高興它幫助快樂的編碼伴侶 – guradio