jq追加html点击事件,jquery学习记录一：jquery动态添加html元素后设置其绑定事件...

1. jquery动态添加html元素(例如：)

假设我们要给ul动态添加的

绑定click事件形成如下结果

• apple
• pear

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;

}

}

}

});