如何獲取作為當前元素父級的導航選項卡的名稱？

Question

我確實知道如何在顯示時獲取導航選項卡的名稱，但我試圖在更改子元素時獲取子元素選項卡的名稱。 僅獲取單擊/顯示的最后一個選項卡的名稱無濟於事。 我正在使用 asp.net MVC Razor 並且需要找出頁面和選項卡上發生了什么變化。 從技術上講，用戶可以在不更改任何內容的情況下單擊選項卡。 我試着做這樣的事情：

    $('body').on('change', '.form-control', function () {
        var tab = this.closest('nav-tab');
    })

我也試過：

    $('body').on('change', '.form-control', function () {
        var tab = this.closest('.nav-tab');
    })

但這沒有用。 可能有更好的方法來完成我需要的。 非常感謝任何幫助。

Answer 1

您是否查看過 DOM 以查看它的嵌套位置？ 我在表中運氣不錯，剛上到 TR，然后用 class 進行查找。也許這個示例會有所幫助？

$(".ctxMenu li").click(function () {
    var thisLink = $(this).closest("tr").find("input[id$='" + $(this).attr("data-action") + "']").attr("id");
    if (thisLink != "undefined") {
        $(this).closest("tr").find("input[id$='" + $(this).attr("data-action") + "']").click();
    }
    $(".ctxMenu").hide(100);
});

$(".jqSaveChangeDiv").change(function (e) {
    $(this).closest("div").find(".jqQuickUpdate2").trigger("click");
    console.log("Updated " + $(this).closest("div").find(".jqQuickUpdate2").attr("id"));
});