jquery - 内の最後の単語をターゲットにします

Question

これがjQueryで実現できるかどうかは誰にもわかりません。要素の最後の単語 (この場合は h1 タグ内の「テキスト」) に Class をターゲット/追加します。span タグを使用して最後の単語をターゲットにできることはわかっていますが、%My_heading% マークアップのようなものを持つ CMS を使用しています。（正確ではありませんが、これが理解されることを願っています）

<h1>Some Heading Text</h1>

Answer 1

最後の単語にクラスを追加する必要がある場合は、タグで囲む必要があります。

最も簡単な方法の 1 つは、正規表現を使用することです。

$("h1").html(function(index, old) {
    return old.replace(/(\b\w+)$/, '<span class="myClass">$1</span>');
});​

デモ: http://jsfiddle.net/Dy4vh/

Answer 2

    $('h1').html(function(index, curHTML) {
       var text = curHTML.split(/[\s-]/),
           newtext = '<span class="some">' + text.pop() + '</span>';
       return text.join(' ').concat(' ' + newtext);
     });

Answer 3

何かのようなもの

//Split the string into words
var last_arr = $('h1').text().split(' ');
//Get the last one
var last = last_arr[last_arr.length - 1];

フィドルhttp://jsfiddle.net/KZFX4/

Answer 4

つまり:

var txt = $("h1").text();
var splitted = txt.split(" ");
var lastWord = splitted.pop();
var newTxt = splitted.join(" ") + "<span class='someclass'> " + lastWord + "</span>";
console.log(newTxt);

フィドル: http://jsfiddle.net/7qUb6/