从模板文字中删除缩进
从模板文字中删除缩进
提问于 2018-02-02 12:41:36
下面是示例代码，在该代码中，我使用模板文字在段落周围创建双包装：
<p>Foo</p>
<p>Bar</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('p').each(function() {
$(this).wrap(`
<div class="wrapper1">
<div class="wrapper2"></div>
</div>
`);
});
</script>问题是缩进没有被裁剪，因此，生成的HTML如下所示：
<div class="wrapper1"> <div class="wrapper2"><p>Foo</p></div> </div>显然，当我使用传统的方法时，这个问题就不会出现：
<script>
$('p').each(function() {
$(this).wrap(
'<div class="wrapper1">' +
'<div class="wrapper2"></div>' +
'</div>'
);
});
</script>那么，是否有简单的方法从模板文字中删除缩进(空格、制表符)？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-02 12:47:17
这并不重要，因为您的<div class="wrapper1">是用javascript动态创建的，所以在页面速度或其他方面没有结果。删除静态HTML文件中的缩进是有意义的，但如果动态创建DOM元素则无关紧要
如果您想要一个好的分页，我建议您缩小您的js文件。
以下是一些有用的链接，可以帮助您：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48582949
复制相关文章
相似问题
腾讯云开发者
