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