如何获取当前元素的父导航选项卡的名称

Question

我知道如何在显示nav选项卡时获取该选项卡的名称，但我正在尝试在子元素更改时获取子元素的选项卡的名称。仅仅获取单击/显示的最后一个选项卡的名称是没有帮助的。我正在使用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，然后和全班同学一起找了一个。也许这个样品会有帮助？

$(".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"));
});