jquery - jquery向li添加元素不起作用

Question

大家好

我在<li>从 jquery 添加元素时遇到问题，

这是我的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>");
});