帮我在jQuery中添加输入

时间:2011-08-01 08:38:28

标签: javascript jquery-selectors jquery jquery-effects

我有两个输入,样式列和mediumCell。我想第一个输入只有添加,而不是一起添加和删除。 除了第一个输入之外的每个输入都有删除链接,最后一个输入一起添加和删除。

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

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

然后可以编写代码的简化版thus

答案 2 :(得分:0)

这可能会有所帮助:

$(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();
            });
        });