亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JQuery在循環(huán)中綁定事件的問(wèn)題詳解

 更新時(shí)間：2016年06月02日 10:14:53   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇JQuery在循環(huán)中綁定事件的問(wèn)題詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

有個(gè)頁(yè)面上需要N個(gè)DOM，每個(gè)DOM里面的元素ID都要以數(shù)字結(jié)尾，比如說(shuō)

<input type="text" name="username" id="username_1" value="" />
<input type="text" name="username" id="username_2" value="" />
<input type="text" name="username" id="username_3" value="" />

現(xiàn)在有個(gè)循環(huán)，在頁(yè)面載入的時(shí)候需要給這每個(gè)元素增加一個(gè)onclick事件，很容易想到的寫(xiě)法就是

$(function(){
 for(var i=1; i<=3; i++){
  $('#username_'+i).onclick(function(){
   alert(i);
  });
 }
});

這么寫(xiě)是錯(cuò)誤的。。。

錯(cuò)誤的原因以及類(lèi)似的錯(cuò)誤分析詳見(jiàn)這篇文章《深入理解JQuery循環(huán)綁定事件》

然后改成下面的就對(duì)了

$(function(){
 for (var i=1; i<=3; i++){
  $("#username_"+i).bind("click", {index: i}, clickHandler);
 }

 function clickHandler(event) {
  var i= event.data.index;
  alert(i);
 }
});

以上這篇JQuery在循環(huán)中綁定事件的問(wèn)題詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論