/Html/Wrap the last word of a paragraph in span tags using jQuery

Wrap the last word of a paragraph in span tags using jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Phasellus sit amet auctor velit, ac egestas augue.</p>
<script>
jQuery(document).ready(function($){  
		
	$('p').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);   
	});

});
</script>
<style>
span{
color:red;
}
</style>

Source: stackoverflow.com

Similar codes

5 votes352 views2 answers
Iframe responsive
Html
2 votes320 views1 answer
Html how to make element focusable
Html
0 vote279 views3 answers
Where to keep index.html file in mac for running on apache server
Html
0 vote329 views1 answer
Httponly
Html
1 vote294 views1 answer
Column ordering in bootstrap
Html
5 votes312 views6 answers
Javascript tutorial
Html
22 votes318 views4 answers
How to make a clickable image in html
Html
35 votes337 views5 answers
Tab in html
Html
45 votes300 views3 answers
Button color bootstrap
Html
52 votes342 views6 answers
Play audio on click javascript
Html