jQuery change html value that is saved in variable

Question

I have html code saved in a variable called myHtml

<div>
    <p data-id="1">A</p>
    <p data-id="2">B</p>
    <p data-id="3">C</p>
</div>

I need to change the value of before appending this to html.

My code doesn't change the value

$(myHtml).find('p[data-id="1"]').text("new text");

Also need to consider changing src of an image like

<img src="image.jpg" />

So I need something like

$(myHtml).find('img').attr("src", "new-image.jpg");

Thanks in advance

Pranav C Balan · Accepted Answer · 2015-07-30 17:33:53Z

8

You need to wrap myHtml with $ for applying jQuery code

$(myHtml).find('p[data-id="1"]').text("new text");

To get that updated value use following method,

var myHtml = '<div>' +
  '<p data-id="1">A</p>' +
  '<p data-id="2">B</p>' +
  '<p data-id="3">C</p>' +
  '</div>';
myHtml = $(myHtml).find('p[data-id="1"]').text("new text").end()[0].outerHTML;
alert(myHtml);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div></div>

edited Jul 30, 2015 at 17:33

answered Jul 30, 2015 at 15:28

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Ediboy Ilagan Over a year ago

I tried that, it doesn't work when html was saved in a variable.

Ediboy Ilagan Over a year ago

Thank you for reply. I'm still finding a solution.

Pranav C Balan Over a year ago

@EdiboyIlagan myHtml=$(myHtml).find('p[data-id="1"]').text("new text").end()[0].outerHTML; alert(myHtml);

AboElnouR Over a year ago

It's a great answer, but it would be much better if you explained what does end() does. Thanks so much anyway.

AboElnouR Over a year ago

@PranavCBalan I knew that, but I think explaining it will be a good addition to your answer, thanks

|

Collectives™ on Stack Overflow

jQuery change html value that is saved in variable

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related