使用jQuery将句子/字符串拆分为单词

Question

我有一个sentece / H1，我需要将它拆分，以便它看起来像下面

原始状态

<h1>This is the heading </h1>

后

<h1>This <br> 
is <br> 
the <br> 
heading </h1>

Answer 1

我建议：

$('h1').each(
    function(){
        var that = $(this),
            newText = that.text().replace(/\W/g,'<br />');
        that.html(newText);
    });

• JS Fiddle demo。

参考文献：

• jQuery参考：
  • html()。
  • text()。
• JavaScript参考：
  • regular expressions。
  • replace()。

Answer 2

$("h1").html( $("h1").text().replace(/ /g,"<br>"))​

Answer 3

$('h1').each(function() {
    var txt = $(this).html().replace(/^\s*(.*?)\s*$/,'$1');
    // this trims the string
    $(this).html(txt.split(/\s+/).join(' <br/>')+' ');
    // this splits the character groups (not containing spaces)
    // and joins them by a br tag, then adds an extra space at the end.
});

替代方案和更短的版本（感谢VisioN）：

$('h1').each(function() {
    $(this).html($.trim($(this).html()).split(/\s+/).join(' <br/>')+' ');
});

Answer 4

试试这个：

var h = $('h1').text().split(' ').join('<br>'); 
$('h1').html(h);