如何使用 jquery 替换变量中的元素并在另一个变量中获取结果答案

【问题标题】：How to Replace Element In Variable Using jquery And Get Result In Another Variable如何使用 jquery 替换变量中的元素并在另一个变量中获取结果
【发布时间】：2015-06-20 21:15:19
【问题描述】：

我有一个包含 HTML 内容的变量。类似于下面的“objHtml”变量。

我想用另一个新的 div 标签替换 Id = 123 的 div 标签。

var objHtml = "<div> " +
"<div id='123' class='class1'>Text1</div>" + 
"<div id='124' class='class1'>Text2</div>" +
"</div>";

// I want to construct this new object using "objHtml", and want to replace div having id = 123 with div having id = 125.
// This Html is in the object and not visible or render on the page. 

var newObjHtml = "<div> " +
"<div id='125' class='class1'>Text5</div>" + 
"<div id='124' class='class1'>Text2</div>" +
"</div>";

谁能回答如何用另一个元素替换变量中的元素？

【问题讨论】：

创建一个临时元素，其中包含您拥有的字符串中的元素，然后替换您想要的元素。之后就可以获得临时元素的 HMTL。
查看stackoverflow.com/questions/16590824/…

标签： javascript jquery html

【解决方案1】：

$(document).ready(function() {

  var objHtml = "<div> " +
    "<div id='123' class='class1'>Text1</div>" +
    "<div id='124' class='class1'>Text2</div>" +
    "</div>";

  //Create temporary element
  var elem = $(objHtml);
  
  //Find the element and replace it with new HTML
  elem.find('#123').replaceWith("<div id='125' class='class1'>Text5</div>");

  //Read outerHTML property and update your variable or create new variable
  objHtml = elem.prop("outerHTML");
  
  alert(objHtml)

});

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：