从 JavaScript 中删除文本空间

Question

这对于 JS 程序员来说是一个简单的问题。 基于这个演示， https://codepen.io/gschier/pen/jkivt

我想要“笔很简单”。 成为“笔很简单”。 删除'is'之后的空格。

我尝试了不同的领域，但没有运气。 我只知道 CSS 和 HTML 但没有那么多 JS。

当然这对于这个演示示例没有意义，我想用字母开头来造句，例如

 <h1>A <span class="txt-rotate" data-period="2000" data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

根据当前的 JS 结果，我得到“A great day.”、“A pple.”、“A wesome.”、“A shinny diamond”。 请告知如何删除多余的空间。 谢谢你。

Answer 1

尝试在A之后删除空格/新行

<h1>A<span
     class="txt-rotate"
     data-period="2000"
     data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

工作演示

https://codepen.io/aswinkumar863/pen/NWpEygj

Answer 2

有多种解决方案，对我来说最简单和最方便的方法如下所示。

 $(document).ready(function(){ var value=$(".txt-rotate").attr('data-rotate'); val_array=JSON.parse(value); var array = val_array.map(function (el) { return el.trim(); }); array = '\'' + array.join('\',\'') + '\''; array="["+array+"]"; $(".txt-rotate").attr('data-rotate',array); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <h1>A <span class="txt-rotate" data-period="2000" data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

Answer 3

你可以使用replace(/ +/g, ' ')删除多个空格