jquery添加元素使li无法正常工作

Question

各位大家好

我遇到了从jquery，

添加<li>元素的问题

这是我的jquery代码

$(".div1").on('click','li',function(){
        var phonenumber = $(this).text();
        $("#phones ul").append("<li>"+phonenumber+"</li>");
    });

但是当点击div1时没有发生任何事情，请问我做错了什么？

注释

当我改变phonenumber时，我得到了我需要的信息。

修改

    <div class="div1">
<li>press here to show your phone number</li>    
<div id="phones">
<ul>

</ul>
</div>
</div>

Answer 1

我猜你所遭受的不是将你的代码放在$(document).ready()方法中。

将您的jQuery代码更改为：

$(document).ready(function () {
    $(".div1").on('click', 'li', function () {
        var phonenumber = $(this).text();
        $("#phones ul").append("<li>" + phonenumber + "</li>");
    });
});

Answer 2

您的HTML应该是这样的：

<div class="div1">press here to show your phone number</div>
<ul id="phones">
</ul>

然后你可以这样做：

$(".div1").on('click', function(){
    var phonenumber = $(this).text();
    $("#phones").append("<li>" + phonenumber + "</li>");
});