jQuery怪异的引导行克隆行为
jQuery怪异的引导行克隆行为
提问于 2016-12-16 22:41:10
我的目标是对表单中的引导行进行克隆，以收集用户的输入。基本上，它和this thread完全一样。然而，由于某种原因，我正经历着奇怪的克隆行为，现在我真的有些时候感到困惑了。
这就是我拥有的DOM：
<div class="cloned-row">
<div class="row" id="row_1">
<div class="col-md-12">
<div class="form-group">
// some inputs here
</div>
</div>
</div>
<div class="row" id="row_2">
<div class="col-md-12">
<div class="form-group">
// some inputs here
</div>
</div>
</div>
</div>我正在克隆.cloned-row的list子程序(在本例中是id row_2的行)，并希望将其作为第三行。(我还将在克隆行之后更改id，但这将在稍后进行，因为我仍然遇到克隆的问题)，但出于某种原因，我的克隆jQuery代码克隆了两行。所以在克隆之后，它变成了4行。下面是我的jQuery克隆部分：
$(document).on('click', '#plus_now', function(){
$(".cloned-row:last").clone().insertAfter(".cloned-row:last");
});在这方面寻求别人的指导。这完全出乎意料。非常感谢，谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-12-16 22:48:19
您正在克隆整个.cloned-row元素--尝试：
$(document).on('click', '#plus_now', function(){
$(".cloned-row .row:last-child").clone().insertAfter(".cloned-row .row:last-child");
});只克隆最后一个.row元素
Stack Overflow用户
发布于 2016-12-16 22:47:29
您正在克隆最后一个.cloned-row (参见https://api.jquery.com/last-selector/)。试一试
$(document).on('click', '#plus_now', function(){
$(".row:last").clone().insertAfter(".row:last");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41193437
复制相关文章
相似问题
腾讯云开发者
