layui获取所有选项卡值
时间: 2023-08-23 17:28:02 浏览: 177
Layui数据表格之获取表格中所有的数据方法
您可以使用Layui的`tab`模块获取所有选项卡的值,方法如下:
1. 首先,需要给每个选项卡设置一个唯一的id,例如:
```html
<ul class="layui-tab-title">
<li class="layui-this" id="tab1">选项卡1</li>
<li id="tab2">选项卡2</li>
<li id="tab3">选项卡3</li>
</ul>
```
2. 然后,使用Layui的`tab`模块的`tab`方法获取选项卡的值,例如:
```javascript
layui.use('element', function(){
var element = layui.element;
// 获取所有选项卡的值
var tabList = [];
element.tab('tab', function(data){
tabList.push(data.elem.attr('id'));
});
console.log(tabList); // 输出选项卡的id数组
});
```
以上代码中,`tabList`数组保存了所有选项卡的id。您可以根据实际需求修改代码。
阅读全文