Question

jquery动态创建html元素并绑定事件

已知html元素
<div id='testDiv'> <div>

定义了一个function方法,参数data是一组josn数据数组,包含两个名称（ID，name）
function getAppend(data){
//循环
$.each(data, function (i, n) {
<怎么样在此根据data数据创建多个easyui的linkbutton按钮，注意是easyui的按钮!>
<并且每个按钮单击后触发下面的function方法>
});
}
function message(ID){
alert("ID="+ID);
}
效果图





Answer 1

function getAppend(data){
//循环
$.each(data, function (i, n) {
$('<a></a>').text(n.name).appendTo($('#testDiv')).linkbutton({}).on('click',function(){message(n.id)});
});
function message(ID){
alert("ID="+ID);
}
}

追问

谢谢，真的有效果，可以再问一下吗，如果我要添加样式的话，该写在哪呢？比如修改字体什么的！谢谢

追答

$('<a></a>').text(n.name).appendTo($('#testDiv')).linkbutton({}).on('click',function(){message(n.id)}).css({width:100,fontSize:'20px'});