如何在 jQuery 中获取当前选定的选项卡以进行 CSS 样式设置？ [复制]答案

【问题标题】：How do I get the currently selected tab in jQuery for css styling? [duplicate]如何在 jQuery 中获取当前选定的选项卡以进行 CSS 样式设置？ [复制]
【发布时间】：2011-04-04 16:09:31
【问题描述】：

可能重复：
I need to add custom css to jquery tabs when it is selected, how ?

我有一个代码可以在选择选项卡时显示一条消息，但现在我想在选定选项卡被选中时添加背景图像。

代码如下：

<script type="text/javascript">
$(function(){
    $("#myTabs").bind("tabsselect", function(e, tab) {
        alert("The tab at index " + tab.index + " was selected");
    });
    $("#myTabs").tabs();
});
</script>

我认为类似 ($selected tab).css("background-image","url stuff..");应该可以，但我不知道当前选定选项卡的语法。

有什么想法吗？

【问题讨论】：

请阅读How to Answer[1]。 [1]：stackoverflow.com/questions/5509895/…
我真的不认为它应该被关闭，因为它应该在上下文中改变。我的意思是，这个问题是“误导”的。您不需要使用 jQuery 来做他想做的事，您可以使用简单的 CSS，使用创建选项卡时自动添加的 jQuery 类。示例：.ui-tabs-selected { background-image: url(http://...); }，或用于面板.ui-tabs-panel:not(.ui-tabs-hide) { background-image: url(http://...); }

标签： jquery-ui jquery-selectors

【解决方案1】：

见：jQuery UI Tabs Get Currently Selected Tab Index

另外，建议将您的标题更改为更合适的名称，例如“如何在 jQuery 中获取当前选定的选项卡”。

【讨论】：

你能帮我处理这部分代码吗 $(selected tab).css("background-image","url stuff..");