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

需要准备的材料分别有：电脑、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属性。

使用attr()或prop()方法为id属性赋值即可，关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例演示如下：点击按钮设置div标签的id为test，为了便于观察效果，css中设置了id为test的样式为红色

1、HTML结构

<style>

#test{color:red !important font-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})

3、效果演示

class可以添加多个 id 只能一个

添加id $("#id").attr("id","newId")

添加class $(".class").addClass('newClass')

---