Question

我将html代码保存在一个名为myHtml

的变量中

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

我需要更改之前将其附加到html的值。

我的代码不会更改值

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

还需要考虑改变图像的src，如

<img src="image.jpg" />

所以我需要像

这样的东西

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

提前致谢

Answer 1

您需要将myHtml与$一起包装以应用jQuery代码

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

要获取更新的值，请使用以下方法

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>

jQuery更改保存在变量中的html值

1 个答案: