在JavaScript或jQuery中动态设置div id

Question

如何动态设置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或未定义.

谢谢.琳.

Answer 1

使用jquery:

逐个动态设置:

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

重新排列你想要的东西:

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

Answer 2

$('#q1').attr('id', 'q4')我认为它可以工作......

编辑：

如果它仍然不起作用，请尝试将其放在前面</body>：

<script>
    $(document).ready(function(){
        $('#q1').attr('id', 'q4')
    });
</sript>