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

Question

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

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

下面是添加新标签的函数:

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

我使用的概念是带有“事件”类的选项卡是我们需要的，因此代码将是:

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

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