jQueryリスト項目が追加されたときの検出

ボタンを使ってulにliを追加したいと思います。新しいリストアイテムが追加されるたびに、リストアイテムの数が表示されます。私は李を追加することができますが、そこから行くべきか分かりません。jQueryリスト項目が追加されたときの検出

どのポインタも大変ありがとうございます。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>List counter</title> 
</head> 
<body> 
    <ul class="myUL"> 
    </ul> 
    <button class="myBUTTON">Add List Item</button> 
    <p>List count>#</p> 

    <script src="js/jquery-1.12.1.min.js"></script> 
    <script> 
     $('button.myBUTTON').on('click', function(eval) { 
      eval.preventDefault(); 
     $('ul.myUL').append('<li>Item 1</li>'); 
     }); 
    </script> 
</body> 
</html>

出典

2016-08-23 Laurence L

あなただけliカウントを取得し、clickリスナーで設定するlengthを使用することができます。

$('.myBUTTON').on('click', function() { 
 
    // get the length before and directly increment by one to set it to the elements 
 
    var length = ++$('.myUL li').length; 
 

 
    $('.myUL').append('<li>Item ' + length + '</li>'); 
 
    $('p').text('List count ' + length); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<ul class="myUL"></ul> 
 
<button class="myBUTTON">Add List Item</button> 
 
<p>List count 0</p>

出典

2016-08-23 10:50:29 eisbehr

そのeisbehrおかげで、どういたしまして –

@LaurenceLに役立ちます！ – eisbehr

jQueryリスト項目が追加されたときの検出

答えて

関連する問題