帮我在 jQuery 中添加输入

Question

我有两个输入、样式列和中单元格。我希望第一个输入只有添加，而不是一起添加和删除。 此外，除了第一个输入之外的每个输入都有删除链接，最后一个输入也一起添加和删除。

代码： http://jsfiddle.net/cJACG/15/

Answer 1

这可能有帮助：

$(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 2

为克隆的输入分配一个空值：

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

Answer 3

您可以在兄弟节点之前或之后插入和删除节点，而不是克隆和追加：

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

然后可以编写代码的简化版本 因此。