jquery - liに要素を追加するjqueryが機能しない

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