/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

0 vote113 views1 answer
Html compressor
Html
0 vote126 views1 answer
Open Dropdown pop up upwards forcely
Html
0 vote105 views1 answer
Emoji Symbols in UTF-8 of coins
Html
0 vote105 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html
1 vote105 views1 answer
How to open the command palet in visual studio code
Html
1 vote119 views1 answer
Floating whatsapp button html
Html
8 votes111 views1 answer
Html date min max
Html
0 vote119 views1 answer
How to create bold text in html
Html
0 vote113 views1 answer
Routerlinkactiveoptions
Html
0 vote131 views1 answer
Smart contract spdx license
Html