如何知道在动态生成的选项卡集中选择并激活了哪个选项卡

Question

我想知道从一组动态生成的选项卡上传文件时选择的语言选项卡。 它还应该通过选择的语言。

在这里，我从第三组中选择了法语选项卡。 我选择了将上传文件的第三组。 现在我需要识别所选语言以通过我的 ajax 调用传递值。

下面是 function 添加新标签：

function buildTabsNew() {
    var questions = jsonResponse;
    var newTabs = [];
    var langlength = questions[0].DetailLanguages.length;
    console.log(questions[0].DetailLanguages);
    for (var k = 0; k < langlength; k++) {
        counter++;
        languageSelected = questions[0].DetailLanguages[k].Language_Name;
        var tabsArray = {
            paneId: "paneid-" + counter,
            title: questions[0].DetailLanguages[k].Language_Name,
            content: '<textarea class="textarea-' + hash + k + '" placeholder="' + questions[0].DetailLanguages[k].Language_Name + '" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea><div id="uploadFile-' + hash + k + '"></div>',
            active: k == 0 ? true : false,
            disabled: false
        };
        newTabs.push(tabsArray);
        console.log(newTabs);
    }

Answer 1

我使用的概念是带有“活动” class 的选项卡是我们需要的选项卡，因此代码将是：

console.log($("ul.nav-tabs li.active a").text());

PS：如果您在同一页面中存在多个导航选项卡，这可能会产生问题。 我认为如果您开始使用 id 属性会更好。