javascript - 通过JQuery在网页上的两个字符之间添加空格

Question

我有一个列表，其中有选项，也有没有。括号内前面出现的次数。

类似这样的:-

Paris(12)
London(14)
Newyork(4)

我希望在字母和第一个大括号之间放置一个空格，这样每个条目都会像:-

Paris (12)
London (14)
Newyork (4)

HTML

<label class="option" for="ajax-facets-checkboxes-field-office-london">London(14) </label>

我实际上不知道 Jquery 是否可能。如果您有任何帮助，我将不胜感激。

谢谢。

Answer 1

我建议使用 text() 方法的匿名函数:

$('label.option').text(function(i,t){
    return t.replace('(', ' (');
});

JS Fiddle demo .

匿名函数公开两个参数，第一个是集合中当前元素的索引(该函数迭代选择器返回的 jQuery 集合)，第二个是该迭代中当前元素的当前文本。

使用此函数，我们可以通过将 ( 字符替换为另一个字符串 ( (包括空格)来更改元素的文本 t括号之前。因为我们只替换一个实例，所以我们可以使用字符串或正则表达式来查找要替换的字符。但是，要使用正则表达式:

$('label.option').text(function(i,t){
    return t.replace(/\(/, ' (');
});

JS Fiddle demo .

引用文献:

• String.replace() .
• text() .