JQuery 如何给DIV增加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、效果演示

首先添加id是可以的，只是每一个添加id的语句，例如title.length(i).setAttribute("id","cn")

语法有问题，写成title[i].setAttribute("id","cn")就可以；

其次，对元素添加id也要尽量保证id的唯一；

最后，由于页面中p.title-season 和div.season 个数相同；i==title.length这种判断将永远为false

1、在我们的电脑上打开软件，新建一个html页面。

2、在html页面创建一个id为xx，值为666的文本框，通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。

3、在script中加上alert(v)，来d框查看原生js方法是否根据id获取元素的值了。

4、在浏览器中运行项目，可以看到页面d框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。

5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。

6、运行项目，在浏览器中可以看到与原生js方法获得元素的值相同。

---