在数字后添加空格

Add spaces after numbers

本文关键字：空格 添加 数字      更新时间：2023-09-26
<select id="mySelect">
   <option>140 AAA</option>
   <option>141 BBB</option>
   <option>140 CCC</option>
   <option>140 EEE</option>
</select>

我想用JavaScript在数字后面添加一些空格。

期望的输出

<select id="mySelect">
   <option>140   AAA</option>
   <option>141   BBB</option>
   <option>140   CCC</option>
   <option>140   EEE</option>
</select>

这种方法感觉有点，我不知道，讨厌。Howeve 这是我在纯粹的 JavaScript 意义上能想到的第一件事。将10更改为所需的任意空间。

var selectEl = document.getElementById("mySelect");
for ( var i = 0; i < selectEl.options.length; i++ ) {
  var opt = selectEl.options[i];
  opt.innerHTML = opt.innerHTML.replace( /'s/, Array(10).join('&nbsp;') );
}

是希望为最大长度属性输出填充字符串，还是只需要它用于格式设置和视觉对象？ 您可以使用字符串任一侧的填充功能。

像这样：

" " + day + " " 将在字符串中 day 值的每一侧添加一个空格。

如果您正在寻找数字和字母之间的更多填充，请尝试使用不间断的空格。它将在 HTML 中显示为空格。

<option>140 &nbsp;&nbsp; EEE</option>

如果你坚持使用javascript，尝试使用jquery循环浏览选项并调整它们。

$('#mySelect > option').each (function ()
    {
    $(this).text ().replace (' ', ' &nbsp; '); 
    });

我还没有测试过，但你明白了。

相关文章：