1

Jqueryクローンに苦労しています。HTML の 1 行を複製することはできますが、ブロックを複製する方法がわかりません。

私はこのブロックを持っています:

<div class="item-name">
    <label for="id_form-0-name"></label>
    <select id="id_form-0-name" name="form-0-name"></select>
</div>

さらに 2 つのブロックを作成する必要があり、そのたびに新しいブロックの属性を変更してその位置を反映させます。

<div class="item-name">
    <label for="id_form-1-name"></label>
    <select id="id_form-1-name" name="form-1-name"></select>
</div>
<div class="item-name">
    <label for="id_form-2-name"></label>
    <select id="id_form-2-name" name="form-2-name"></select>
</div>

その出力を得るために何をしなければならないかについての手がかりはありますか?

4

3 に答える 3

3

これを試して：

$('.item-name').clone().insertAfter('.item-name')

ソース：

1) clone() http://api.jquery.com/clone/
について 2) insertAfter http://api.jquery.com/insertAfter/について

追加のリクエストについて

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

$clone = $('.item-name:last').clone();
for (i = 1; i < 999; i++) {
    if ($('.item-name select[id=id_form-'+i+'-name]').attr('id') != 'id_form-'+i+'-name') {
        $clone.find('select').attr('id', 'id_form-'+i+'-name');
        $clone.find('select').attr('name', 'form-'+i+'-name');
        $clone.find('label').attr('for', 'id_form-'+i+'-name');
        break;
    }
}
$clone.insertAfter('.item-name:last');
于 2013-01-10T18:08:00.663 に答える
1

これを試してください（2回複製します）：

$('.item-name:last').clone().insertAfter($('.item-name:last')).clone().insertAfter($('.item-name:last'));
于 2013-01-10T18:08:05.443 に答える
0

ワーキングデモ

したがって、それを複製して属性を増やします。1行で実行できますが、簡単に理解できるようにするために：

var clone=$('.item-name:last').clone();
clone.insertAfter('.item-name:last');
var attrs='id_form-' + clone.index() + '-name';
clone.find('label').attr('for', attrs);
clone.find('select').attr({id: attrs, name: attrs});
于 2013-01-10T18:32:13.940 に答える