/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

6 votes248 views2 answers
Refused to connect iframe php
Html
0 vote224 views1 answer
Hide first option in select
Html
0 vote216 views1 answer
Html landing page templates free
Html
1 vote220 views3 answers
Php inside html
Html
0 vote276 views1 answer
How to give h1 h2 in r studio
Html
0 vote260 views1 answer
Call to a member function format() on string
Html
-1 vote245 views1 answer
File_put_contents(/var/www/demo.onlineexammanagement.com/public_html/storage/framework/cache/data/ea/83/ea83c7b371f7573de3cd055cea9229af0b0541e5): failed to open stream: No such file or directory
Html
5 votes212 views1 answer
How to autoplay youtube video in html
Html
0 vote237 views1 answer
Org.hibernate.HibernateException: No CurrentSessionContext configured! hibernate spring
Html
0 vote235 views1 answer
Display string on anchor tag onclick display image in new window html
Html