多次克隆html元素
多次克隆html元素
提问于 2015-04-07 16:11:23
我试图克隆一个HTML下拉列表一到多次，给出一个json响应。
问题是，当我试图将克隆存储在一个变量中并在屏幕上显示它时，我看到的是以下内容：
[object Object]我制作了一个简单的JSFIDDLE来帮助解释我的问题。
要注意的事情：
select下拉列表位于隐藏的div中。
<div class="hidden">
<select class="certList">
.....
</select>
</div>我正在构建一个字符串，使用：
buildList += "<div....然后，我使用jQuery附加函数追加我构建的列表。
$("#certRow").append(buildList);最后，如果有什么建议，我应该如何更好地显示结果，我都是耳朵。我在考虑使用无序列表，但不确定如何使用。
回答 4
Stack Overflow用户
发布于 2015-04-07 16:14:21
将html复制到附加字符串中：
"<div class='col-4'>"+certList[0].outerHTML+"</div></div>";现在，您可以将一个字符串与jQuery对象连接起来( object.ToString()是[object Object])
Stack Overflow用户
发布于 2015-04-07 16:20:39
将元素追加到div
var certList = $(".certList").clone();
var buildList = "";
$.each(res.data, function(i, data) {
buildList += "<div class='ti-row'>"+
"<div class='col-4 center'>"+data +"</div>"+
"<div class='col-4 right'>Select Certs : </div>"+
"<div class='col-4 addSelect'></div></div>";
});
var html = $(buildList);
html.find(".addSelect").append(certList);
$("#certRow").append(html);Stack Overflow用户
发布于 2015-04-07 16:23:57
尝试使用outerHTML
var certList = $(".certList")[0].outerHTML;更新Fiddle
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29496178
复制相关文章
相似问题
腾讯云开发者
