Jak zwiększyć wartość id div?

Question

Mam zadanie, aby ustawić menu jako wybrane. Do tego używam identyfikatora dynamicznego. Więc chcę, aby zwiększyć ją w odniesieniu do wyboru

Mój kod jest

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

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

Jak mogę to zrobić?

Answer 1

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

Answer 2

Po prostu użyj nazwy klasy zamiast id, będziesz mógł ponownie użyć kodu, który właśnie dodałeś, ale w ten sposób.

var list = $(".menu"); 

Jedna rada, nie rób podświetlenie elementu menu z JavaScript, zrób to po stronie serwera, a można dodać „Aktywacja” klasy bezpośrednio w kodzie HTML LI.

Answer 3

Jest to sposób, aby to zrobić z jQuery

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