更改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，因此对于具有Home ID的div，单击的子选项卡的ID为HomeT。 然后，TabChosen将是HomeT，我一直在尝试将其转换为我常用的$（'＃id'）东西，其中ID必须是Home而不是HomeT。

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

任何帮助表示赞赏。

Answer 1

执行以下操作：tabChosen =“＃” + tabChosen; //放入'#id'格式

Answer 2

有一个方便的方法可以实现此目标。 但这要求所有目标元素都具有相同的类 ，如下所示：

<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中的变量选择器的属性？

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-03-12 04:31:37

解决方案2
0 2015-03-12 05:19:24

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

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-03-12 04:31:37

解决方案2 0 2015-03-12 05:19:24

解决方案1
1 已采纳 2015-03-12 04:31:37

解决方案2
0 2015-03-12 05:19:24