使用相同的 class 循环克隆输入

Question

我在 class pblock 下有一个带有一组输入字段的表单。每个字段也有自己的 class。

我的用户可以克隆 pblock class 并添加其他输入字段。结构最终是这样的：

<div class="pblock"><!-- original input group-->
  <input class="fz-1">
  <input class="fz-2">
  <input class="fz-3">
</div>

Clone #1
<div class="pblock"><!-- 1st cloned input group-->
  <input class="fz-1">
  <input class="fz-2">
  <input class="fz-3">
</div>

Clone #2
<div class="pblock"><!-- 2nd cloned input group-->
  <input class="fz-1">
  <input class="fz-2">
  <input class="fz-3">
</div>
... etc

我不知道如何遍历输入集并将每个输入集放入结果数组中。

每次调用克隆方法时，我都尝试过这段代码运行：

var fztext =    "Part designation: "+ $(".fz-1").val()+
                "\n\tLocation: "+$(".fz-2").val()+
                "\n\tBiopsy type: "+$(".fz-3").val()+"\n\n";
fz_part.push(fztext);

但我只得到原始输入集，而不是下游的克隆输入。我想将每组输入都分组到数组中，以便稍后再调用它们。

谢谢！

Answer 1

$(".pblock").each(function(){
  var fztext = "Part designation: " + $(this).find(".fz-1").val() +
                "\n\tLocation: "    + $(this).find(".fz-2").val() +
                "\n\tBiopsy type: " + $(this).find(".fz-3").val() + "\n\n";
  fz_part.push(fztext);
});

使用相同的 class 循环克隆输入

Loop through cloned inputs with same class

each

jquery

loops

clone