javascript - JavaScript を使用して li タグを制限する

Question

動的に追加される li タグを特定の数に制限する方法があります。
例: -
ユーザーに li タグを追加できるようにしましたが、3 つ以上の li タグを付けたくありません...

Answer 1

「addli」関数にカウンターを追加します。次のようなli要素の現在の数を見つけることができます。

var numLis = $('#container li').length;

Answer 2

サンプルフィドルを作成しました：ここ

次のようなものを試してください：

$('document').ready(function(){
    $('#add').click(function(){
        var li_count = $('#sample li').length;
        if(li_count < 3)
            $('#sample').append('<li>HELOO YOU</li>');
        else
            return false;

    });
});

Answer 3

こちらです：

if($('ul.myclass li').length > 3){
    alert('Not allowed to add more li');
}

Answer 4

すべての li タグを、id "x-div" を使用して div の下にグループ化できます。その後、li 要素を追加するたびに、children の count 属性を使用してカウントを確認できます。