首页 > Web开发 > 详细

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

时间:2015-07-20 17:01:35      阅读:233      评论:0      收藏:0      [点我收藏+]

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


本文出自 “羊仔” 博客,请务必保留此出处http://5934497.blog.51cto.com/5924497/1676237

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

原文:http://5934497.blog.51cto.com/5924497/1676237

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!