daniel-w
2/21/2013 - 3:13 PM

Select the last word in an element & wrap it with a span tag

Select the last word in an element & wrap it with a span tag

jQuery(document).ready(function($){  
		
	$('h2.title').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 class="last">'+last+'</span>' : last);   
	});

});