Question

我知道这个问题已被问过several次，但到目前为止，任何答案都解决了我的问题。如果我有一个表单组件形式Jquery，其每个选项卡的标题名称是Tab1：Marc，Tab2：Paul，Tab3：John，我如何获得警报，例如，当前所选标签的标题（文本）？例如：如果选中的选项卡第一个是＆＃34; Marc＆＃34;，我想得到警告＆＃34; Marc＆＃34;而不是0作为选项卡的索引。以下是我尝试过的但是没有用的

function getSelectedTabText() { 
        return $("#tabs").tabs('option', 'active').text();
    }

使用PHP从DB加载每个选项卡的文本没有任何问题，我可以使用正确加载的每个选项卡的名称获取我的Tab组件。

Answer 1

活动标签附加了ui-tabs-active类，因此您只需匹配：

function getSelectedTabText() { 
    return $("#tabs .ui-tabs-active").text();
}

示例小提琴：https://jsfiddle.net/wyeeestk/

Answer 2

你想要这样的东西吗？

$('.testbtn').click(function(){
    text = $('#tabs').find('.ui-tabs-active').text();
    alert(text);
});

Answer 3

我没试过这个但是......

function getSelectedTabText() {
        var active = $("#tabs").tabs('option', 'active');
        return $($("#tabs li")[active]).text();
}

我认为其他问题不起作用的唯一原因是因为“选定”已经被“活跃”取代，但我可能错了。

获取当前所选选项卡Jquery的标题（文本）

3 个答案: