在JavaScript或jQuery中动态设置div id

前端之家收集整理的这篇文章主要介绍了在JavaScript或jQuery中动态设置div id前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何动态设置div id?这是我的代码
<div id="q1"></div>
<div id="q2"></div>
<div id="q3"></div>
<div id="q4"></div>
<div id="q5"></div>

现在我想将q4 div id设置为q1,就像在JavaScript中那样.
我怎么能用JavaScript或jQuery做到这一点?

我试过这个.

document.getElementById("q4").id = "q1"; 
 document.getElementById("q2").id = "q5";

但它是说该对象为null或未定义.

谢谢.
琳.

解决方法

使用jquery:

逐个动态设置:

var idCount = 1;
$('div').each(function() {
   $(this).attr('id','q' + idCount);
   idCount++;
});

重新排列你想要的东西:

$('div#q4').attr('id','q1');
$('div#q2').attr('id','q5');

猜你在找的jQuery相关文章