Как добавить элемент span вокруг слова

Question

Как добавить элемент span вокруг последнего слова заголовка, используя jQuery.

Я хочу вывода, как это:

<div class="hedererty"> 
    <h1>Lorem ipsum dolor sit amet, consectetuer adipiscing <span>elit</span></h1> 
</div> 

Примечание: Это пример название. В моем названии сайта меняется с разных страниц.

Любые идеи или предложения? Благодарю.

Answer 1

Попробуйте

$('.hedererty h1').html(function(idx, html){ 
    return html.replace(/(\w+)$/, '<span>$1</span>') 
}) 

Демо: Fiddle

или

$('.hedererty h1').html(function (idx, html) { 
    return html.replace(/(\s[\S]+)$/, '<span>$1</span>') 
}) 

Демо: Fiddle

Answer 2

split() строка, добавьте span к хлопнутой строки и конкатенации строки с помощью join()

$(".hedererty h1").html(function(){ 
    var mystring= $(this).text().split(" "); //Split the string 
    var lastword = mystring.pop(); //Pop the last index value 
    return mystring.join(" ")+ (mystring.length > 0 ? " <span>"+ lastword + "</span>" : lastword); 
    //Return concatenated string 
}); 

Demo