javascript - 删除 jQuery.trim() 忽略的文本区域中的空白

Question

我有一个<textarea>其中包含由 php.ini 调用的文本。该文本包含用户的 ID，因此每个用户的 ID 都不同。但是，html 看起来总是这样:

<div>
    <textarea id="text" readonly="readonly">"        example text       "</textarea>
</div>

如何删除这些空格。我已经尝试了多种 trim 建议或正则表达式方法，但没有一个有效。 textarea无法更改为div或p .

更新:
正则表达式在某种程度上被忽略了，但下面的答案给出了结果:

$("#text").val((i, v) => '${v.slice(1, -1).trim()}');

Answer 1

使用正则表达式模式/\s{2,}/g在.replace()匹配多个空格并将它们从字符串中删除。

$("#text").val((i, v) => v.replace(/\s{2,}/g, ''));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
    <textarea id="text" readonly="readonly">"        example text       "</textarea>
</div>

您还可以删除 "使用 String.slice() 从字符串的开头和结尾开始然后使用 .trim() 删除空格。最后用 "" 包裹字符串

$("#text").val((i, v) => `"${v.slice(1, -1).trim()}"`);