javascript - 更改jQuery中的变量选择器的属性？

我正在玩一些Jquery作为一种业余爱好，并且在更改用户单击的属性时遇到了问题。我有一堆选项卡，不想为每个选项卡创建一个事件，所以我试图将所有这些都放在一个选项卡中。

抱歉，如果不清楚，我真的不了解Jquery的功能。

var tabSelected = "default";
$('body').on("click",".subtab", function() {
                var tabChosen = this.id;
                tabChosen = tabChosen.substring(0, tabChosen.length-1); //cuts off T
                tabChosen = "'#" + tabChosen + "'"; //puts into '#id' format
                $(tabChosen).css('background-color','#E53939');
                $(tabSelected).css('background-color','#FFFFFF');
                tabSelected = tabChosen;
            });

为了澄清起见，我对选项卡和子选项卡使用单独的ID，因此对于具有Home ID的div，单击的子选项卡的ID为HomeT。然后，TabChosen将是HomeT，我一直在尝试将其转换为我常用的$（'＃id'）东西，其中ID必须是Home而不是HomeT。

我正在尝试更改所单击内容的颜色。另外，我希望用户所在的选项卡改回默认颜色。

任何帮助表示赞赏。

最佳答案

做这个：
 tabChosen =“＃” + tabChosen; //放入'#id'格式