如何解决如何将 HTMLDivElement 解析为模板文字?
我想将 HTML 元素解析为 JS 模板文字
var featurePosts = $('.featured-posts > div'),html
switch (featurePosts.length) {
case 1:
html = `<div class="feature${featurePosts.length}">${featurePosts[0]}</div>`
break;
case 2:
html = `<div class="feature${featurePosts.length}">${featurePosts[0]}${featurePosts[1]}</div>`
break;
case 3:
html = '<div class="feature${featurePosts.length}">'+
'<div class="grid grid-one">'+featurePosts[0]+'</div>'+
'<div class="grid grid-two">${featurePosts[1]}${featurePosts[2]}</div>'+
'</div>'
break;
case 4:
case 5:
html = `<div class="feature${featurePosts.length}">
<div class="grid grid-one">${featurePosts[0]}</div>
<div class="grid grid-two">${featurePosts[1]}${featurePosts[2]}</div>
<div class="grid grid-three">
${featurePosts[3]}${featurePosts[4]}
</div>
</div>`
break;
}
$('.featured-posts').html(html)
它返回类似 [object HTMLDivElement]
的东西,请任何人帮助我。谢谢
解决方法
尝试使用 String() 方法
let html = String()
+'<div>exemple</div>';
,
我花了很多时间解决它,我们只需要使用 outerHTML
来解析 HTML 元素。
喜欢
${featurePosts[0].outerHTML}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。