Как увеличить значение id div?

Question

У меня есть задача установить меню как выбранное. Для этого я использую динамический идентификатор. Поэтому я хочу, чтобы увеличить его по выбору

Мой код

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

браузер

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

Как я могу это сделать?

Answer 1

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

Answer 2

Просто используйте имя класса вместо id, вы сможете повторно использовать код, который вы только что добавили, но таким образом.

var list = $(".menu"); 

один совет, не делают подсветку пункт меню с JavaScript, сделать это на стороне сервера, и вы можете добавить «активирующий» класс непосредственно в HTML из LI.

Answer 3

Это способ сделать это с Jquery

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