如何通过layui-table获取当前行的上下行数据示例？

本文共计286个文字，预计阅读时间需要2分钟。

此方法主要获取Layui当前行数据的上一行或下一行数据。使用旧的jQuery选择器os和se以及新的nse选择器。具体代码如下：

javascript* * * @param obj layui-table的行数据对象* * * @param number 要查找的行距离当前行的距离

示例代码：

javascript// 获取上一行数据var prevRow=getPrevRow(data, 1);// 获取下一行数据var nextRow=getNextRow(data, 1);

其中，`data`是layui-table的行数据对象，`1`表示要查找的行距离当前行的距离为1。

此方法主要是获得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获得当前行的上/下一行数据的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。