Question

我有这个html结构

<script>
    $(document).ready(function(){
        var active_menu = "menu2";

         //here do like, add .active to the #menu2 element.
    });
</script>


<ul>
    <li id="menu1"><a href="#">menu 1</a></li>
    <li id="menu2"><a href="#">menu 2</a></li>
    <li id="menu3"><a href="#">menu 3</a></li>
</ul>

现在我想要的是添加一个名为＆＃34; class＆＃34;到active_menu变量中的匹配元素id名称。怎么做？我知道我可以使用if和else语句或切换来实现它，但它看起来会很长的代码实现。

PS：为了加强上面的细节，基本上我要做的就是在与变量active_menu的id匹配的元素中添加一个类。

任何帮助，建议和建议都将不胜感激。

Answer 1

$(document).ready(function(){
    var active_menu = "menu2";
    $('#'+active_menu).addClass('active');
});

Answer 2

这应该可以解决问题 Fiddle

$(function(){
    var active_menu = "menu2";
    $('#'+active_menu).addClass('active');
    $('#'+active_menu).find('a').addClass('active');
});

Answer 3

这应该可以解决问题：

$('#' + active_menu).addClass('active')

Answer 4

你应该这样做：

 $(document).ready(function(){
        var active_menu = "menu2";
        $('#'+active_menu ).addClass('active');
         //here do like, add .active to the #menu2 element.
    });

Answer 5

你可以这样做

$('#' + active_menu).addClass('active');

将类添加到变量的match元素id中

5 个答案: