0

ボタンクリックでdivをループしています。しかし、最初は .loop div を非表示にして、ボタンのクリック時に表示する必要があります。

現在、クローンは完全に行われています。必要なのは、最初に div.loop を表示しないことだけです。デフォルトでボタンのみを表示します。

ここに私の現在のコードとデモがあります

clicks = 0;
$('button').on('click', function () {
    if ($('div.loop').length < 5) {
        clicks++;
        newLoopDiv = $($('div.loop')[0]).clone().appendTo(".container");
        $('input', newLoopDiv).each(function (index, element) {
            $(element).attr('name', $(element).attr('name') + clicks);
        });
    }
});
4

2 に答える 2

0

ここにはいくつかのオプションがあります。最初は CSS でテンプレートを非表示にしてから、複製時に、複製を隠している CSS を削除します。もう 1 つのオプションは、「ループ」要素全体を JavaScript で作成し、後でアタッチすることです。

デモ オプション 1 - 最初の div.loop テンプレートで非表示クラスを使用し、 を使用してクローンでクラスを削除し.removeClass()ます。

デモ オプション 2 - シェル要素を選択する代わりに、jQuery で作成されたテンプレートを使用します。

注: の name 属性を に更新しましfirst nameたfirst_name。

于 2013-08-26T07:37:05.577 に答える