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);
    });

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

1 个答案: