javascript - 在 jQuery 的多个类上迭代多个元素

Question

我正在尝试迭代 3 个表单，其中包含不同数量的输入框。在每个表单中，输入字段具有相同的类。我需要做的是有一个“复制”按钮，以便在按下该按钮时，它将复制一个字段的输入并将其复制到每个字段。以下是目前的设置方式:

<input type="button" class="replicate" />

<form class="1">
  <input class="1_size" /> <!--this is the one I want to copy to all other fields -->
</form>
<form class="1">
  <input class="1_size" />
</form>

<form class="2">
  <input class="2_size" />
</form>
<form class="2">
  <input class="2_size" />
</form>
<form class="2">
  <input class="2_size" />
</form>

<form class="3">
 <input class="3_size" />
</form>
<form class="3">
  <input class="3_size" />
</form>

所以我需要做的 [当按下复制按钮时] 是遍历每个表单并使用第一个表单的输入(请参阅评论)并将其复制到所有其他表单中的所有其他输入。这可能吗？存在具有相同类和输入的表单的原因是因为它们具有 "+" 和 "-" 按钮

我正在使用 jQuery 库，我想我可以做类似的事情:

$(document).ready(function() {
    $('.1, .2, .3').each(function() {

    });
});

然后我可以使用像 .parents() 或 parent() 这样的东西吗？我有点卡住了，甚至不确定您是否可以像这样使用 each()...希望我已经解释清楚了!

Answer 1

尝试像下面这样的东西，我认为 input type 是 text

$(document).ready(function() {
    $('input.replicate').click(function(){    
        var first_form = $('form:first');        
        $('form').not(first_form).each(function(){
          $(this).children('input:text').val(first_form.children('input:text').val());
        });
    });
});

fiddle 示例:http://jsfiddle.net/raj_er04/DSzjX/