javascript - 将类添加到变量中的匹配元素 id

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>

现在我想要的是将名为“active”的类名添加到 active_menu 变量中的匹配元素 id 名称中。怎么做？我知道我可以使用 if 和 else 语句或 switch 来实现这一点，但代码实现看起来会非常漫长。

PS:为了加深上面的细节，基本上我想做的是向元素添加一个类，该类的 id 与变量 active_menu 匹配。

任何帮助、建议、推荐，我们将不胜感激。

Answer 1

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