Question

js或者jquery 如何给元素增加ID

例如
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
增加完变成
第一组
<li id="id1_0"><a href="#"></a></li>
<li id="id1_1"><a href="#"></a></li>
<li id="id1_2"><a href="#"></a></li>
<li id="id1_3"><a href="#"></a></li>
第二组
<li id="id2_0"><a href="#"></a></li>
<li id="id2_1"><a href="#"></a></li>
<li id="id2_2"><a href="#"></a></li>
<li id="id2_3"><a href="#"></a></li>

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('li a').each(function (i, e) {$(this).attr('id', 'id1_' + i);});。

3、浏览器运行index.html页面，此时发现元素被js按照需求新增了id属性。

Answer 2

1. 首先你还是得选中元素如$(".class")

2. 然后 调用attr 这个方法$(".class").attr("id","你的id名字")；

3. 执行以上方法就好了
   

Answer 3

function cleartd() {
var i=0
$("li").each( function(){
$(this).attr("id", ++i);
});

}

追问

1

2

3

4

没效果呢

追答

好用啊！

1

2

3

4

function cleartd() {
var i = 0
$("li").each(function () {
$(this).attr("id", ++i);
});

}