如何用<br>替换标签标签中的空格？

Question

如何将<标签>标签中的所有空格替换为< br>？ 比如我有：

<label>Some text here</label> 

并将其更改为：

<label>Some<br>text<br>here</label> 

我尝试使用此代码：

$('.form-group label').html().replace(' ', '<br>'); 

但它并没有工作。

Answer 1

使用带回调函数的html()方法。并用String#replace方法替换全局空间使用正则表达式。

$('label').html(function(i, oldHTML) { 
 
    return oldHTML.replace(/\s+/g, '<br>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label>Some text here</label>

Answer 2

你必须设置这个可能会工作在html：

$('.form-group label').html($('.form-group label').html().replace(' ', '<br>'));