Javascript 如何增加div id值？

我有一项任务要将菜单设置为选中状态。为此，我使用动态id。 因此，我想根据选择增加它

我的代码是

<div class="menuHeader ui-corner-top" id="menu"+ i>
    <span><a href="#" onclick="Home()">Home</a></span>
</div>
<div class="menuHeader ui-corner-top" id="menu"+ i>
    <span><a href="#" onclick="NewTransaction()">New Transaction</a></span>
</div>
<div class="menuHeader ui-corner-top" id="menu"+ i>
    <span><a href="#" onclick="Portfolio()">Portfolio</a></span>
</div>

javascript是

$(document).ready(function () {
             alert(document.URL);
             var list = $("#menu");
             for (var i = 1; i <= list.length; i++) {
                 list[i].innerHTML = i;
             }
             var str = document.URL.toLowerCase().indexOf("portfolio/index");
             alert(str);
             if (str >= 0) {
                 $('#menu').addClass("menuHeaderActive");
             }
         });

$（文档）.ready（函数（）{
警报（document.URL）；
变量列表=$（“#菜单”）；
对于（变量i=1；i=0）{
$（'#menu'）.addClass（“menuHeaderActive”）；
}
});

---

我怎样才能做到这一点呢？

只要使用类名而不是id，就可以重用刚才添加的代码，但方法是这样的

 var list = $(".menu");

---

一个建议是，不要用javascript突出显示项目菜单，在服务器端这样做，您可以直接在LI的HTML中添加“activating”类。

这是使用Jquery的方法

var i=0;
$('.menuHeader').each(function(){
    i++;
    var newID='menu'+i;
    $(this).attr('id',newID);
    $(this).val(i);
});

val elementList = $(".menu");
for (var i = 1; i <= list.length; i++) {
    elementList[i].attr("id", "menu" + i);
}

val元素列表=$（“.menu”）；
for（var i=1；i ID应该是唯一的。我发现您多次使用“menu”作为ID。您不能在HTML中执行操作。
ID=“menu”+我
没有任何意义。这样做的真正意义是什么？你考虑过一个更简单更干净的解决方案吗？改变
innerHTML
不是他想要的。他想要的是生成一个唯一的ID。我想说的是，它不值得，不理想，最好使用或类，或者你在cas中给它一个友好的IDe这些选项不会改变。有时，当你看到一个更大的错误时，仅仅回答这个问题是毫无价值的。我知道，但触摸innerHTML对任何一种方式都没有任何好处。如果你看他的例子，他试图指出哪个菜单项是当前页面。（这与增加ID的编号无关。）html中是否有任何更改？是的，删除那些Id属性..它们没有什么意义..您是通过jquery提供Id的..html中是否有任何更改？