jQuery克隆误解

Question

我不理解这个克隆过程...这就是发生的事情，有四张图片，三张点击，第一张照片是初始状态。

在第三张图片中有两个框，很好，但是每个框都有一个项目名称输入和添加任务按钮，第一个框中有两个，第二个框中有法线。再次单击该按钮，它将变为3：2：1，然后单击它将是4：3：2：1等...我不想要那样。我只想在每个盒子里添加一个盒子。

码

function addProject() {
      $(project).clone().appendTo(".projectPanel");
      $(projectNameInput).clone().appendTo(".project");
      $(addTaskButton).clone().appendTo(".project");
    }

Answer 1

你的问题是你的appendTo它将元素追加到匹配元素集中的所有元素，所以所有类都是“project”。有关它的更多信息，请尝试查看jquery appendTo documentation。修复它尝试这样的事情

function addProject() {
      var newProject=$(project).clone();
      newProject.appendTo(".projectPanel");
      $(projectNameInput).clone().appendTo(newProject);
      $(addTaskButton).clone().appendTo(newProject);
 }

使用$(project).clone()的返回值，您只能抓取新项目而不是当前存在的所有项目