关于jquery中封装函数如何传递当前元素的问题
2017-02-24 17:29
309 查看
需要对页面上一组元素进行ajax操作
编写遍历函数
首先执行函数 a() 遍历每个元素,然后执行b() 函数进行ajax
根据返回值 对点击的元素赋予不同的值
因为html元素有部分样式一样,所有没有办法根据 $("#id").html("赋值"); 进行赋值
这儿使用this,将返回值赋予当前点击的元素
因为该页面函数发生嵌套,所以需要传递当前元素,
但由于种种原因,到最后可能很难使用this,仍然取到正确的当前元素,所以,可以使用一个变量来存储this:
var that = $(this);然后在使用就可以了
<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>
编写遍历函数
function a() { $('div').each(function () { var that = $(this); var id = that.attr('id'); b(id, that) }) }
首先执行函数 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); } }) }
根据返回值 对点击的元素赋予不同的值
因为html元素有部分样式一样,所有没有办法根据 $("#id").html("赋值"); 进行赋值
这儿使用this,将返回值赋予当前点击的元素
因为该页面函数发生嵌套,所以需要传递当前元素,
但由于种种原因,到最后可能很难使用this,仍然取到正确的当前元素,所以,可以使用一个变量来存储this:
var that = $(this);然后在使用就可以了
相关文章推荐
- jquery中封装函数传递当前元素的方法示例
- 根据原生JS封装函数,根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
- Java值传递和地址传递:关于String类型和集合类型作为函数参数时传值问题的测试
- 15、关于元素CSS函数的封装,可用于获取和设置元素的CSS样式
- 基于jquery的关于动态创建DOM元素的问题
- 关于jquery使用ajax传递数组到struts后台的接受问题
- jQuery如何实现点击页面获得当前点击元素
- 关于php如何在页面之间传递参数的问题
- C++中关于将fstream对象作为函数参数传递相关问题说明
- 用jquery如何获取select元素中当前选择的文本内容
- jquery中ajax函数执行顺序问题之如何设置同步
- 关于二维数组做函数参数,传递形参的形式的问题
- 关于jQuery动态加载元素之后绑定事件无法触发的问题
- C语言学习4: 函数返回值与传入参数,关于函数值传递和类型隐性转换,变量不同的作用域,static变量,多文件编译例如两个C文件,显示函数调用语句跳转,递归,斐波那契数列,多文件编译相同变量的问题。
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题
- 关于如何解决jquery传输中文乱码的问题
- 关于jQuery判断元素是否存在的问题示例探讨
- 关于jquery中post的传递数组的问题
- 新手关于JS如何获取屏幕当前长宽的问题
- Boost关于bind的使用以及函数对象和传递参数的问题