jQuery如果H2有超過一個單詞，而不是用span覆蓋最後一個單詞

Question

是否有可能使用jQuery將最後一個單詞包含在h2標記中，如果它有多個單詞。

例如。

如果<h2>Example</h2>比什麼都不做

但如果<h2>This is next example</h2>比包裝硬道理與跨度 - <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/

Answer 2

你或許應該能夠做這樣的事情：

$("h2").each(function() { 
    var html = $(this).html(); 
    var split = html.split(" "); 
    if (split.length > 1) { 
     split[split.length - 1] = "<span>" + split[split.length - 1] + "</span>" 
     $(this).html(split.join(" ")); 
    } 
}); 

通過分離分裂它，您可以檢查是否有多個單詞，然後調整最後一個單詞以便在一個範圍內包裹。