javascript - 添加具有相似类别的输入时出现问题

Question

我在添加具有相似类 (addinput_units) 的输入时遇到问题。

在example当您单击“字段 1”旁边的“添加”链接时，它会在“字段 2”之后添加一个值为“字段 1”的新输入。

如何在 HTML 中使用类似类 (addinput_units) 在最靠近“添加”链接的输入后添加新字段？

示例: http://jsfiddle.net/FpsPh/

$(function () {
    $('a.add_input').live('click', function (event) {
        event.preventDefault();
        var $class = '.' + $(this).closest('div.find_input').find('div').attr('class').split(" ")[0];
        var newDiv = $($(this).closest($class).get(0)).clone(false);
        $(this).closest($class).find('.add_input:first').remove()
        newDiv.hide().fadeIn('slow');
        $($class + ':last').after(newDiv);
    });
});

编辑:

这是我的原始代码，但无法正常工作。见:http://jsfiddle.net/FpsPh/4/

Answer 1

我不是 100% 确定我理解了这个问题，但这就是你想要的吗？

$(function () {
    $('a.add_input').live('click', function (event) {
        event.preventDefault();
        var $this = $(this),
            $div = $this.closest('div'),
            $clone = $div.clone().hide()
                .insertAfter($div).fadeIn('slow');
        $this.remove();
    });
});

这是更新的 jsFiddle .