如何动态设置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');