欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery html動態(tài)添加的元素綁定事件詳解

 更新時間:2016年05月24日 10:30:37   投稿:jingxian  
下面小編就為大家?guī)硪黄猨query html動態(tài)添加的元素綁定事件詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

在實際開發(fā)中會遇到要給動態(tài)生成的html元素綁定觸發(fā)事件的情況:

<div id="testdiv">
  <ul></ul>
</div>

假設我們要給ul動態(tài)添加的<li>綁定click事件形成如下結果

<div id="testdiv">
  <ul>

   <li name="apple">apple</li>
   <li name="pear">pear</li>

  </ul>
</div>
<script>

function test(name){
  alert("I'm "+name);

}

//做法如下:

$("#testdiv ul").on("click","li", function() {
  //test($(this).attr("name"));
  //do something here
});

//主動觸發(fā)某個<li>的click事件

// $("#testdiv ul li[name='apple']").trigger("click");

</script>

以上這篇jquery html動態(tài)添加的元素綁定事件詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

最新評論