Làm cách nào để tăng giá trị id div?

Question

Tôi đã có một nhiệm vụ để cài đặt menu như được chọn. Đối với tôi sử dụng id động. Vì vậy, tôi muốn tăng nó liên quan đến việc lựa chọn

Mã của tôi là

<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 được

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

Làm thế nào tôi có thể làm điều này?

Answer 1

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

Answer 2

Chỉ cần sử dụng tên lớp thay vì id, bạn sẽ có thể sử dụng lại mã bạn vừa thêm nhưng theo cách này.

var list = $(".menu"); 

Một lời khuyên, không làm nổi bật các menu item với javascript, làm điều đó server-side, và bạn có thể thêm "kích hoạt" class trực tiếp trong HTML của LI.

Answer 3

Đây là cách để làm điều đó với Jquery

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