• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jquery中封装函数传递当前元素的方法示例

jquery中封装函数传递当前元素的方法示例

作者:代码小六 字体:[增加 减小] 来源:互联网 时间:2017-05-11

代码小六通过本文主要向大家介绍了jquery示例,jquery ajax示例,jquery代码示例,xirr函数使用示例,if函数示例等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

最近在工作中遇到一个问题,需要对页面上一组元素进行ajax操作,结构如下:

<div id="aid"></div> 

<div id="aid"></div> 

<div id="aid"></div> 

<div id="aid"></div> 

<div id="stop">Stop here</div> 

<div id="aid"></div> 

<div id="aid"></div> 

<div id="aid"></div> 
</div>

编写遍历函数

function a() {

      $('div').each(function () {

        var that = $(this);

        var id = that.attr('id');

        b(id, that)

      })

    } 
</div>

首先执行函数 a()  遍历每个元素,然后执行b() 函数进行ajax

function b(aId,that) {

      $.ajax({

        url: 'ajaxHandler.ashx',

        data: { aid: aid },

        dataType: 'text',

        type: 'post',

        async: true,

        success: function (data) {

          var content = '';

          if (data == 'true') {

            content = "正确";

          } else {

            content = "错误";

          }

          that.html(content);

        }

      })

    } 
</div>

根据返回值 对点击的元素赋予不同的值

因为html元素有部分样式一样,所有没有办法根据 $("#id").html("赋值"); 进行赋值

这儿使用this,将返回值赋予当前点击的元素

因为该页面函数发生嵌套,所以需要传递当前元素,

但由于种种原因,到最后可能很难使用this,仍然取到正确的当前元素,所以,可以使用一个变量来存储this:

var that = $(this);然后在使用就可以了

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jquery中封装函数传递当前元素的方法示例
  • jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
  • jQuery插件HighCharts实现气泡图效果示例【附demo源码】
  • jQuery实现的简单拖动层示例
  • 利用Jquery实现几款漂亮实用的时间轴(附示例代码)
  • jQuery插件form-validation-engine正则表达式操作示例
  • jQuery实现获取隐藏div高度的方法示例
  • jQuery读取XML文件的方法示例
  • jQuery弹出层插件popShow(改进版)用法示例
  • jQuery弹出层插件popShow用法示例

相关文章

  • 2017-05-11微信小程序 详解Page中data数据操作和函数调用
  • 2017-05-11微信小程序 wx.login解密出现乱码的问题解决办法
  • 2017-05-11js实现百度搜索提示框
  • 2017-05-11JavaScript数据结构学习之数组、栈与队列
  • 2017-05-11利用Javascript实现简单的转盘抽奖
  • 2017-05-11Nodejs实现短信验证码功能
  • 2017-05-11Angularjs 实现移动端在线测评效果(推荐)
  • 2017-05-11jquery表单提交带错误信息提示效果
  • 2017-05-11基于JavaScript实现轮播图原理及示例
  • 2017-05-11bootstrap警告框使用方法解析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 原生js实现吸顶效果
    • JS实现的DIV块来回滚动效果示例
    • jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
    • 常用的javascript设计模式
    • 详解vue.js全局组件和局部组件
    • Bootstrap笔记—折叠实例代码
    • Jquery与Bootstrap实现后台管理页面增删改查功能示例
    • jQuery实现大图轮播
    • bootstrap select插件封装成Vue2.0组件
    • js实现年月日表单三级联动

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有