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 相关文章推荐
JS 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
表格 隔行换色升级版
Nov 07 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
Jun 05 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
轻松掌握JavaScript代理模式
Aug 26 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
js实现简单的随机点名器
Sep 17 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
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
PHP如何将log信息写入服务器中的log文件
2015/07/29 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
制作特殊字的脚本
2006/06/26 Javascript
AJAX分页的代码(后台asp.net)
2011/02/14 Javascript
使用jquery插件实现图片延迟加载技术详细说明
2011/03/12 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
关于vue路由缓存清除在main.js中的设置
2019/11/06 Javascript
python3抓取中文网页的方法
2015/07/28 Python
Python实现京东秒杀功能代码
2019/05/16 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
毕业生幼师求职自荐信
2013/10/01 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
教师个人师德总结
2015/02/06 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
七夕情人节问候语
2015/11/11 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript