如何增加div id值?

时间:2013-04-01 14:20:46

标签: javascript jquery html

我有一项任务将菜单设置为已选中。为此,我使用动态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");
             }
         });

我该怎么做?

3 个答案:

答案 0 :(得分:12)

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

答案 1 :(得分:1)

这是使用Jquery

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

答案 2 :(得分:0)

只需使用类名而不是id,您就可以重用刚刚添加的代码,但这样就可以了。

 var list = $(".menu");

一个建议,不要使用javascript突出显示项目菜单,在服务器端执行,并且可以添加&#34;激活&#34;直接在LI的HTML中进行类。