0

これは文字通り私が今までに書いた最初のいくつかの関数です...動作しますが、変数 i を 0 未満および 5 を超えないように制限する別のより効率的な方法があるかどうか疑問に思っていました。 .click().....また、コードは非常に最小限なので、これが変数を制限する最も効率的な方法でしょうか?!

var i=0;
$(".add").click(function(event){
    if(i < 5) {
        var container = $('div');
        container.append($("<p class='blabla'>blablabla</p>"));
        if(i < 5){i++}
    }
});

$(".delete").click(function(event){
    if(i < 5, i > 0){i--}
    $("div p:last-of-type").remove();
});
4

4 に答える 4

1

あなたの例iでは、要素の数を単純に数えることができるので、実際には変数は必要ありません。

$(".add").click(function () {
    if ($('div').children('p').length < 5) {
        $('div').append('<p>item</p>');
    }
});

また

$(".add").click(function () {
    if ($('div p').length < 5) {
        $('div').append('<p>item</p>');
    }
});

また、セレクターは削除するものが見つからないため、削除機能はアイテムの数を確認する必要はまったくありません。

$(".delete").click(function () {
    $('div p:last-of-type').remove();
});
于 2013-08-26T22:51:35.907 に答える