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;
           }
       }
   }
});