jquery - 如果H2有多个单词，则用span包裹最后一个单词

Question

如果有多个单词，jQuery 是否可以将最后一个单词包含在 h2 标签内。

例如。

如果:

<h2>Example</h2>

总比什么都不做

但是如果:

<h2>This is next example</h2>

而不是用 span 包裹最后一个单词。

<h2>This is next <span>example</span></h2>

Answer 1

$("h2").html(function(){

  // separate the text by spaces
  var text= $(this).text().split(" ");

  // drop the last word and store it in a variable
  var last = text.pop();

  // join the text back and if it has more than 1 word add the span tag
  // to the last word
  return text.join(" ") + (text.length > 0 ? " <span>"+last+"</span>" : last);   

});

查看演示: http://jsfiddle.net/VHDpT/1/