jquery.each兼容IE,firefox

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 20:24 点击:

jQuery的each 方法中的this指针指向问题,这个是昨天工作中遇到的问题

jQuery.each  写法:
1 :
Java代码 
 
jQuery('input[type=checkbox]').each(function (){  
 
        alert(this.checked+this.treeId);//treeI的是自定义属性  
}); 


jQuery('input[type=checkbox]').each(function (){

        alert(this.checked+this.treeId);//treeI的是自定义属性
});


这样的写法在IE下会正常的输出,但是在firefox,则不会识别,尤其是对于自定义属性,this指针在闭包的时候出现差错。

2:
Java代码 
jQuery.each(jQuery('input[type=checkbox]'),function (i,item){  
        alert("i=" + i + ",item="+jQuery(item).attr('自定义属性'));  
}); 

jQuery.each(jQuery('input[type=checkbox]'),function (i,item){
        alert("i=" + i + ",item="+jQuery(item).attr('自定义属性'));
});


这样写就会避免使用this指针,就可以兼容ie和firefox了,i是代表当前是第几个变量,而item则代表这个变量所指的对象,是dom对象

所以我个人建议以后我们用jQuery 的each 方法 都用 第二种写法

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • Gb2312转utf-8编码的方法(vbs+js)
      • 如何使用Ajax技术开发Web应用程序(1)
      • js跳转路径问题
      • JavaScript模仿桌面窗口
      • 用js检测两个线段是否相交
      • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
      • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
      • 我是如何去了解jquery的(六),案例之幻灯片轮换
      • Jquery封装幻灯片效果
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1