ajax传入数据新建表后,点击事件无效,如何解决
一、ajax代码:
;(function(e){
$.ajax({
url:'../phpyhgl.php',
type:'get',
dataType:'json',
success:function(data){
for(var i=0;i<data.length;i++){
console.log(data[i]);
var ACCOUNT=data[i].ACCOUNT;
var USERNAME=data[i].USERNAME;
var UNIT_KESHI=data[i].UNIT_KESHI;
var TEL=data[i].TEL;
var CREATER=data[i].CREATER;
var ACTOR=data[i].ACTOR;
var CREATE_DATE=data[i].CREATE_DATE;
var UNIT_JCH=data[i].UNIT_JCH;
var tr=$("<tr>").appendTo("#dlyh_tb");
$("<td class='first' title='点击选中一行'>").html("").appendTo(tr);
$("<td>").html(ACCOUNT).appendTo(tr);
$("<td>").html(USERNAME).appendTo(tr);
$("<td>").html(UNIT_KESHI).appendTo(tr);
$("<td>").html(TEL).appendTo(tr);
$("<td>").html(CREATER).appendTo(tr);
$("<td>").html(ACTOR).appendTo(tr);
$("<td>").html(CREATE_DATE).appendTo(tr);
$("<td>").html(UNIT_JCH).appendTo(tr);
}
}
})
二、点击事件代码:’
$(".first").click(function(){
console.log(12);
$(this).parent().siblings().removeClass("yellow");
$(".first").removeClass("yellow");
$(this).addClass("yellow");
$(this).parent().addClass("yellow");
});
三、HTML代码
<tbody id="dlyh_tb">
<!--<td></td>
<td>张海峰</td>
<td>张海峰</td>
<td></td>
<td>0451-86132322</td>
<td>admin</td>
<td>超级管理员</td>
<td>2017年05月31日</td>
<td></td>-->
</tbody>