创建动态无序列表并将其附加到div

Question

我创建了我的动态无序列表并试图将其附加到div标记。它没有得到反映。我已经写了下面的代码JS

var mydiv= $('#itemList'); 
var myul=$('<ul/>'); 
var li1 = $('<li/>').html('<a href="#managerSearchDiv" onClick="showColleagueDetail();">'+'Varun Mehta'+'</a>'+'<span>'+ '9834562873' +'</span>'); 
myul.append(li1); 
var li2=$('<li/>').html('Varun Mehta'); 
myul.append(li2); 
mydiv.append(myul); 

HTML：

<div id="csd" class="myClass"> 
<br> 
    <div id="itemList"> 

    </div> 
</div> 

没有错误在控制台和名单即将在屏幕上是没有得到体现。

Answer 1

把它放在document.ready有需要会开出Varun的Mehtha

$(document).ready(function() { 
     var mydiv = $('#itemList'); 
     var myul = $('<ul/>'); 
     var li1 = $('<li/>').html('<a href="#managerSearchDiv" onClick="showColleagueDetail();">' + 'Varun Mehta:' + '</a>' + '<span>' + 9834562873 + '</span>'); 
     myul.append(li1); 
     var li2 = $('<li/>').html('Varun Mehta'); 
     myul.append(li2); 
     mydiv.append(myul); 
    });