Use jQuery selectors to target and replace elements in a string containing HTML

Question

I have a string that contains HTML, for example

var myString = "<div><p>testing</p></div>";

I need to target p and replace "testing" with something else, say "Hello World". I would normally use

$("p").innerHTML = "Hello World";

However, this is part of a string, not part of the DOM. How can I use jQuery's selector system to select from a string of HTML?

This does not look like it's a duplicate of that. He even stated he's not using jQuery. — Keavon, Jul 21 '14 at 22:15
Question 1: Do you have a DOM or are you doing something fancy out of a DOM? Question 2: Are you adverse to "hacky" solutions like having a place holder in the DOM and using that? — Jon P, Jul 22 '14 at 00:45
@JonP In my case I have a template that I pull as text into a variable with AJAX and I want to add content to a part of that template before putting it in the template's holder in the real DOM. I'd normally target it with jQuery, but it's still in a variable. I can add it to the DOM and then place content in it, but it will be more tricky to target the exact one and there might be a few milliseconds where there is no content. — Keavon, Jul 22 '14 at 01:22

score 1 · Answer 1 · edited May 23 '17 at 10:30

1

You can turn any HTML into a parse-able jQuery object(s).

$('p', myString).text()

edited May 23 '17 at 10:30

Community

answered Jul 21 '14 at 21:00

Chris Fremgen

That allows me to retrieve the string but not edit it (as meni181818 mentioned in his answer). +1 as it is useful. – Keavon Jul 21 '14 at 22:11

score -1 · Answer 2 · answered Jul 21 '14 at 21:18

-1

note that you cant use:

$("p", myString).text( "Hello World" );

because is not 'Editable' DOM (isContentEditable: false)

answered Jul 21 '14 at 21:18

meni181818

1

It looks like you were downvoted by someone else because that is more of a comment than an answer. I suggest deleting the answer and posting it as a comment. – Keavon Jul 21 '14 at 22:55

2 Answers2