当前位置: 代码迷 >> JavaScript >> jQuery更改保存在变量中的html值
  详细解决方案

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

热度:96   发布时间:2023-06-05 11:44:35.0

我将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");

提前致谢

您需要使用$包装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> 

  相关解决方案