javascript - jQuery 在同一页面上克隆两种形式的输入？

Question

我一直在尝试让两个表单在同一页面上工作，我遇到的唯一问题是克隆输入无法工作，由于 div 元素，它们似乎相互冲突。

我一直使用本教程作为指导: http://www.9lessons.info/2009/06/submit-multiple-forms-jquery-ajax.html

以下是使用一种表单的代码: http://jsfiddle.net/yBdTA/

这就是我想要实现的目标: http://jsfiddle.net/c4Uce/

请注意，当您单击第二个“添加更多”链接时，第一个输入会克隆，而不是第二个。

我知道我可以为克隆复制 jQuery 函数以匹配第二种形式:

   $(function(){
        var removeLink = ' <a class="remove" href="#" onclick="jQuery(this).parent().slideUp(function(){ jQuery(this).remove() }); return false">remove</a>';
        jQuery('a.add').relCopy({ append: removeLink});    
    });

但我希望这是动态的，我该怎么调用它？像 9lessons 指南一样，我可以使用 PHP 为克隆元素创建唯一标识符，并希望 jQuery 匹配 ID，

希望我说清楚了。

感谢帮助。

Answer 1

你可以尝试一下，它适用于多种形式

http://jsfiddle.net/yBdTA/2/

(function($) {

    function remove(){
    $('.clone').each(function(i){
           var input= $(this);
            input.find('a.remove').click(function(){
              input.remove();
           });
         });
    }

    $('form').each(function(i){
          var form = $(this);
          var removeLink = '<a class="remove" href="#">remove</a>';
          var iputclone = form.find('p.clone').append(removeLink);

          form.find('a.add').click(function(){
              iputclone.clone().insertBefore(this);
              remove();
          });
        });


})(jQuery);

更新:

iputclone.clone().insertBefore(this).find('.input').attr('value','');

//So easy, U can think a object when we start will is ifself, use it next, and next