layui获取当前tab

要获取当前选中的 tab 的信息，可以使用 layui 中的 `element` 模块中的 `tab` 方法。具体实现步骤如下：

1. 引入 `layui` 的 `element` 模块：

<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.min.js"></script>

2. 获取当前选中的 tab 的信息：

// 获取当前选中的 tab 的索引值
var currentIndex = layui.element.tabGet('demoTab', 'tabId');

// 获取当前选中的 tab 的标题
var currentTitle = layui.$('.layui-tab-title li:eq(' + currentIndex + ')').text();

// 获取当前选中的 tab 的内容
var currentContent = layui.$('.layui-tab-content .layui-tab-item:eq(' + currentIndex + ')').html();

其中，`demoTab` 是 tab 的容器元素的 id，`tabId` 是当前选中的 tab 的 id。`currentIndex` 获取当前选中的 tab 的索引值，`currentTitle` 获取当前选中的 tab 的标题，`currentContent` 获取当前选中的 tab 的内容。

相关问题

layui的多tab刷新当前tab页面的代码如何实现

你可以使用layui的`element.tabChange()`方法来切换当前选项卡，并且设置`reload: true`，实现刷新当前选项卡的页面。具体的代码实现如下所示：

// 监听选项卡切换事件
element.on('tab(tab-id)', function(data) {
  // 获取当前选项卡的id
  var tabId = data.elem.context.attributes['lay-id'].nodeValue;
  // 判断当前选项卡是否需要刷新
  if (data.elem.context.attributes['reload'].nodeValue === 'true') {
    // 刷新当前选项卡的页面
    element.tabChange('tab-id', tabId);
  }
});

在HTML中设置选项卡时，需要给需要刷新的选项卡添加`reload="true"`属性，如下所示：

<ul class="layui-tab-title">
  <li class="layui-this" lay-id="1" reload="false">选项卡1</li>
  <li lay-id="2" reload="true">选项卡2</li>
  <li lay-id="3" reload="false">选项卡3</li>
</ul>

这样就可以实现点击需要刷新的选项卡时，刷新当前选项卡的页面。

layui-tab-card 获取当前选择的tab

要获取当前选中的 tab 的信息，可以使用 layui 中的 `element` 模块中的 `tab` 方法。具体实现步骤如下：

1. 引入 `layui` 的 `element` 模块：

<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.min.js"></script>

2. 获取当前选中的 tab 的信息：

// 获取当前选中的 tab 的索引值
var currentIndex = layui.element.tabGet('demoTab', 'tabId');

// 获取当前选中的 tab 的标题
var currentTitle = layui.$('.layui-tab-card .layui-tab-title li:eq(' + currentIndex + ')').text();

// 获取当前选中的 tab 的内容
var currentContent = layui.$('.layui-tab-card .layui-tab-content .layui-tab-item:eq(' + currentIndex + ')').html();

其中，`demoTab` 是 tab 的容器元素的 id，`tabId` 是当前选中的 tab 的 id。`currentIndex` 获取当前选中的 tab 的索引值，`currentTitle` 获取当前选中的 tab 的标题，`currentContent` 获取当前选中的 tab 的内容。

需要注意的是，由于 `layui-tab-card` 和 `layui-tab` 的结构不同，获取当前选中的 tab 的标题和内容时，需要使用不同的选择器。在 `layui-tab-card` 中，需要使用 `.layui-tab-card` 作为选择器。