更改 Jquery 中变量选择器的属性？

Question

我把玩一些 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，因此对于带有主页 ID 的 div，单击的子选项卡的 ID 是 HomeT。然后 TabChosen 将是 HomeT，我一直试图将其操纵为我使用的常用 $('#id') 东西，其中 id 必须是 Home 而不是 HomeT。

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

感谢任何帮助。

Answer 1

这样做： tabChosen = "#" + tabChosen; //输入'#id'格式

Answer 2

有一种方便的方法可以实现这个目标。但它要求所有目标元素都具有 相同的 class，例如：

<html>
    <script>
        $(document).ready(function(){

            $('.subtab').click(function(){
                $(this).css('background-color', '#E53939')
                $(this).siblings().css('background-color', '#FFFFFF')
            })

        })
    </script>
    <body>
        <div id="t1T" class="subtab">t1</div>
        <div id="t2T" class="subtab">t2</div>
        <div id="t3T" class="subtab">t3</div>
    </body>
</html>

更改 Jquery 中变量选择器的属性？

Changing an attribute of a variable selector in Jquery?

javascript

variables

jquery

attributes

selector