如何增加div id值？ [英] How to increment div id value?

问题描述

我有一项任务将菜单设置为选中状态。为此，我使用动态ID。
所以我想按照选择递增它

我的代码是

pre > < div class =menuHeader ui-corner-topid =menu+ i>
< span>< a href =＃onclick =Home（）>主页< / a>< / span>
< / div>
< div class =menuHeader ui-corner-topid =menu+ i>
< span>< a href =＃onclick =NewTransaction（）>新交易< / a>< / span>
< / div>
< div class =menuHeader ui-corner-topid =menu+ i>
< span>< a href =＃onclick =投资组合（）>投资组合< / 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（ ）; 
 alert（str）; 
 if（str> = 0）{
 $（'＃menu'）。addClass（menuHeaderActive）; 
} 
}）; 
  

我该怎么做？

解决方案

  var i = 0; 
 $（'。menuHeader'）。each（function（）{
 i ++; 
 var newID ='menu'+ i; 
 $（this）.attr（'id '，newID）; 
 $（this）.val（i）; 
}）; 
  

I have got a task to set the menu as selected. For that I use dynamic id. So I want to increment it with respect to the selection

My code is

<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 is

$(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");
             }
         });

How can I do this?

解决方案

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

这篇关于如何增加div id值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！