Question

给网页UI标签下li标签中的a标签添加不同的ID属性值

html代码如下：
<div class="menu">
<ul>
<li class="nav-item cur">
<a href="/" id="menu1" class="curr">
首页
</a>
</li>
<li class='nav-item'>
<a href='/doc/about/' rel='dropmenu1'>
关于我们
</a>
</li>
<li class='nav-item'>
<a href='/doc/phone/'>
手机网站建设
</a>
</li>
<li class='nav-item'>
<a href='/doc/promote/'>
网站推广
</a>
</li>
<li class='nav-item'>
<a href='/doc/case/'>
客户案例
</a>
</li>
<li class='nav-item'>
<a href='/doc/news/'>
新闻中心
</a>
</li>
<li class='nav-item'>
<a href='/doc/space/'>
域名空间
</a>
</li>
<li class='nav-item'>
<a href='/doc/service/'>
服务中心
</a>
</li>
<li class='nav-item'>
<a href='/doc/contact/'>
联系我们
</a>
</li>
</ul>
</div>
想要的结果就是 :
首页 的 a 标签 id='menu1'
关于我们 的 a 标签 id='menu2'
手机网站建设 的 a 标签 id='menu3'
依次类推添加的 id值menu后的数字递增

Answer 1

使用jquery特别方便，我简单的写一下给你看看哈
$(li).each(function(i){
$(this).attr("id","menu"+i+1);

})
应该是没有问题的，你的记住引入jquery的要用的js，你试试把