javascript - jQueryに入力を追加するのを手伝ってください

Question

私は2つの入力、スタイル列、およびミディアムセルを持っています。最初の入力には追加のみが必要で、追加と削除は一緒にしないでください。また、最初の入力を除く各入力には削除リンクがあり、最後の入力には一緒に追加と削除があります。

コード: http://jsfiddle.net/cJACG/15/

Answer 1

複製された入力に空の値を割り当てます。

var input = $column.clone().val('').wrap("<div />").parent().html(); 

Answer 2

これは役立つかもしれません：

$(function () {
            $('a.add_input').live('click', function (event) {
                event.preventDefault();
                var newDiv = $('.ai_service').find('div:first').clone();
                newDiv.append('<a href="" class="remove_input">remove</a>')
                newDiv.find('input').each(function () { $(this).val(''); });
                $('div.ai_service:first div:last').before(newDiv);
            });

            $('a.remove_input').live('click', function (event) {
                event.preventDefault();
                $(this).closest('div').remove();
            });
        });

Answer 3

クローンを作成して追加する代わりに、兄弟の前または後にノードを挿入および削除できます。

 $('a.add_input').click(function() {
        $('a.remove_input').before('<input type="text" name="service[]" style="width: 155px;" placeholder="خدمات دیگر" title="خدمات دیگر" />');
    });

コードの簡略化されたバージョンは、このように記述できます。