循环遍历具有相同类的克隆输入

时间:2018-03-25 02:28:07

标签: jquery loops clone each

我有一个表格,在pblock课程下有一组输入字段。每个领域都有它自己的课程。

我的用户可以克隆pblock类并添加其他输入字段。结构最终如下:

<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);

但我只获得原始输入集,而不是下游的克隆输入。我希望将每组输入分组在数组中,以便稍后再调用它们。

谢谢!

1 个答案:

答案 0 :(得分: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);
});