How to wrap around part of text inside an element?

Question

Let's say I have the sentence:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

inside a <p> tag. I would like to somehow use javascript to create an element around the word amet, e.g.:

Lorem ipsum dolor sit <span>amet</span>, consectetur adipiscing elit.

Is there some sort of way to do this? In the real-world application for this, I won't know what text I want to have an element around, so I can't just modify the HTML.

Yes you can. Learn about [`preg_replace`].(http://stackoverflow.com/questions/14553182/preg-replace-words) — Giacomo1968, Feb 03 '13 at 20:01

Ram · Accepted Answer · 2013-02-03T20:10:44.413

1

One option is using replace method.

$('p').html(function(index, oldHtml){
   return oldHtml.replace(/(amet)/g, '<span>$1</span>');
});

http://jsfiddle.net/YxMvq/

edited Feb 03 '13 at 20:10

answered Feb 03 '13 at 20:05

Ram

143,282
16
168
197

What is the "i" parameter for? – Andrew Briggs Feb 03 '13 at 20:09
@AndrewBriggs `Index` of selected elements in jQuery collection. – Ram Feb 03 '13 at 20:10
What is the "g" for? I tried removing it, and it works fine without it. – Sang Froid Feb 03 '13 at 20:14

How to wrap around part of text inside an element?

1 Answers1

Linked