javascript - 如何访问 jQuery 选项卡内的元素

Question

我需要在用户单击选项卡时访问选项卡内的一些元素。

$('.myTabs').tabs({
    activate: function(event,ui){
        console.log("Give me some tab contents here...");
    }
});

PS:我无法使用 ID 直接转到我的选项卡，因为服务器端会呈现具有不同 ID 的多个选项卡。

大家有什么想法吗？

Answer 1

使用 ui 参数的 newPanel 属性:

$('#tabs').tabs({
    activate: function(event,ui) {
        console.log(ui.newPanel.find('p').text());
    }
});

注意:ui.newPanel 属性是一个 jQuery 对象。

有关更多信息，请参阅jQuery UI Tabs documentation .

jsfiddle