javascript - .clone 无法正常工作，也没有返回名称数组

Question

我的代码应该有三个输入框，当我单击“添加集”时，它应该克隆这三个输入框。当我单击“获取公司名称”时，它应该返回一个公司名称数组，即框中的所有值。

就目前情况而言，“添加集”不起作用，我不明白为什么。另一个问题是，“获取公司名称”返回一个对象而不是像这样的值.val 会建议。

`alert($("#workExperienceBox").find("input[id=companyName1]").val(""));` 

此外，在 fiddle 中，您将看到我用来复制框的代码。 extraWorkEpxerience 是一个 div，workExperience 是该 div 内的第一个 div。

var workExperience = $("#workExperienceBox").clone();
    $("#extraWorkExperience").html(workExperience);

fiddle 正是我目前所在的位置。请帮忙!

fiddle :https://jsfiddle.net/tubbstravis/tmakdo1x/3/

Answer 1

Id 必须是唯一的，所以我制作了您用作类的 id。另外另一个问题是您使用 html() 而不是 append()，因此可能会替换该容器的整个 html 内容。

var getNames = function(num) {
  alert($(".workExperienceBox").find(".companyName1").map(function() {
    return this.value;
  }).get());
}

var addWorkPlace = function() {
  var workExperience = $(".workExperienceBox").clone();
  $("#extraWorkExperience").append(workExperience);
}

DEMO