layui-table获得当前行的上/下一行数据的例子


Posted in Javascript onSeptember 24, 2019

此方法主要是获得Layui当前行数据的上一行数据,或者下一行数据,os旧的jquery选择器 se选择器 nse新的jquery选择器

/**
 *
 * @param obj layui-table的行数据对象
 * @param number 要查找的行距离当前行距离,以当前行为准向上一行为-,向下为+
 * @param filedName 要查找的filed
 * @returns {string} 查找filed的值
 */
function getRowData(obj, number, filedName) {
  var se = obj.tr.selector;
  var os = se.substring(se.indexOf('"') + 1, se.lastIndexOf('"'));
  var nse = se.replace(os, parseInt(os) + number);
  var res = "";
  $(nse + " td:not(.layui-table-col-special)").each(function () {
    if ($(this).attr("data-field") == filedName) {
      res = $(this).children(":first").html()
    }
  });
  return res;
}

以上这篇layui-table获得当前行的上/下一行数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
javascript版2048小游戏
Mar 18 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
Nov 22 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
通过实例了解JS 连续赋值
Sep 24 #Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 #Javascript
JS防抖和节流实例解析
Sep 24 #Javascript
vue.js实现图书管理功能
Sep 24 #Javascript
layui table单元格事件修改值的方法
Sep 24 #Javascript
Javascript Dom元素获取和添加详解
Sep 24 #Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 #Javascript
You might like
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
JavaScript静态的动态
2006/09/18 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
JS短路原理的应用示例 精简代码的途径
2013/12/13 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
python getopt详解及简单实例
2016/12/30 Python
TensorFlow变量管理详解
2018/03/10 Python
如何用python整理附件
2018/05/13 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
python设置环境变量的原因和方法
2019/06/24 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
银行会计业务的个人自我评价
2013/11/02 职场文书
小学安全教育材料
2014/02/17 职场文书
学校评语大全
2014/05/06 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
重阳节简报
2015/07/20 职场文书
学生会干部任命书
2015/09/21 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
详解Vue的options
2021/05/15 Vue.js