Select the first 2 words with jQuery and wrap them with a <span> tag

Question

How can I select the first two words in a sentence with jQuery, wrap them with a span tag and add the br tag after it?

Something like that:

<p><span>Lorem ipsum</span><br/> quosque tandem</p>

But dynamically add the span and br tag.

I can only do this for the first word with this code:

 $('p').each(function(){ var featureTitle = $(this); featureTitle.html( featureTitle.text().replace(/(^\w+)/,'<span>$1</span><br/>') ); });

Thanks!!

+4

amp511 Mar 03 '13 at 3:23

2 answers

And for those who work with umlauts (äöåü, etc.), you can use \S+\s\S+ instead of \w+\s\w+ to do this job properly.

0

Tuuuukka Feb 27 '17 at 10:04

undefined · Accepted Answer · 2013-03-03T03:30:01+0000

 $('p').html(function (i, html) { return html.replace(/(\w+\s\w+)/, '<span>$1</span><br/>') });