动态创建div和其ID，并打印出ID?

Question

<script type="text/javascript">

          
            function createDiv(divNum)
            {
                for(var k=0;k<divNum;k++){
                    console.log(k)
                    $('.info').append('<div id="div"+k+>'+"div的内容可空"+'</div>');
                } 
                $.each($("div"),function(){
                alert($(this).attr("id")
                
                )});
            }
            // console.log(1)
            
            createDiv(3);
            console.log(5)
        </script>       
        为什么不能动态生成ID？打印出的id仅是div，其后没有数字

Answer 1

$('.info').append('<div id="div' + k + '">'+"div的内容可空"+'</div>');

Answer 2

因为你的引号嵌套有问题

$('.info').append('<div id="div' + k + '">' + 'div的内容可空</div>');

Answer 3

function createDiv(divNum)
            {
                for(var k=0;k<divNum;k++){
                    console.log(k)
                    $('.info').append(`<div id="div${k}">div的内容可空</div>`); // 注意这一行
                } 
                $.each($("div"),function(){
                alert($(this).attr("id")
                
                )});
            }