創建動態無序列表並將其附加到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);
    });