Question

以下是示例代码，其中我使用模板文字来创建段落的双重换行：

<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>

那么，有没有简单的方法从模板文字中删除缩进（空格，制表符）？

Answer 1

没关系，因为你的<div class="wrapper1">是用javascript动态创建的，所以不会导致页面速度或任何结果。删除静态HTML文件中的缩进是有意义的，但如果动态创建DOM元素则无关紧要

如果你想要一个好的页面速度，我建议你缩小你的js文件。

以下是一些有用的链接，可能会对您有所帮助：

从模板文字中删除缩进

1 个答案: