Breaking News: Grepper is joining You.com. Read the official announcement!

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

7uc1f3r answered on May 21, 2020 Popularity 5/10 Helpfulness 10/10

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

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

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

Comment

<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>

Popularity 5/10 Helpfulness 10/10 Language html

Source: stackoverflow.com

Tags: html jquery paragraph tags using word

Link to this answer
Share Copy Link

Contributed on May 21 2020

7uc1f3r

0 Answers Avg Quality 2/10

Closely Related Answers

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

Comment

template.html template.html template.html

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: word javascript jquery paragraph tags using

Link to this answer
Share Copy Link

Contributed on May 26 2022

Lazy Lapwing

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

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

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.