jquery学习记录一：jquery动态添加html元素后设置其绑定事件

1. jquery动态添加html元素（例如：）
<div id="testdiv"> <ul></ul>
</div>假设我们要给ul动态添加的<li>绑定click事件形成如下结果<div id="devices_div"> <ul> <li name="apple">apple</li> <li name="pear">pear</li>
</ul>
</div><script>function test(name){ alert("I'm "+name);
}
2. 用 on方法 设置点击事件$("#devices_div ul").unbind('click').on("click","li", function() {
var chooseItemStatus = $(this).attr('class');
var deviceId = $(this).attr("deviceid");

if (chooseItemStatus == "ChooseListItem") {
$(this).attr('class', 'ChooseListItem Choosed');
deviceIds.push(deviceId);
} else {
$(this).attr('class', 'ChooseListItem');
// 删除选中的元素
for (var i = 0;i < deviceIds.length; i++) {
if (deviceIds[i] == deviceId) {
deviceIds.splice(i, 1);
break;
}
}
}
});