如何在 jQuery 中获取整个元素的副本？

Question

我想获取选定的元素，然后将其副本插入到几个地方。

var template = $("#info-" + country + " > .stats > .template").clone();
$(template).insertBefore("#info-" + country + " > .stats > .template");

我做错了什么，它没有复制元素并插入它？

PS 我选择复制的元素是display:none。

Answer 1

你有一个额外的包装， template 已经是一个 jQuery 对象，你只需要：

var template = $("#info-" + country + " > .stats > .template").clone();
template.insertBefore("#info-" + country + " > .stats > .template");

或者更简单一点：

var template = $("#info-" + country + " > .stats > .template");
template.clone().insertBefore(template);

或者使用 .before() 带有一个函数，如下所示：

 $("#info-" + country + " > .stats > .template").before(function() { 
   return $(this).clone(); 
 });