如何使用jquery替换变量中的元素并在另一个变量中获取结果
How to Replace Element In Variable Using jquery And Get Result In Another Variable
我有一个包含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>";
有人能回答如何用另一个元素替换变量中的一个元素吗?
$(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)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
相关文章:
- 导航到特定事件的另一个变量页面
- 在另一个函数中使用变量this
- 将节点数据分配给另一个变量jstree
- 如何将变量传递到另一个js文件
- 如何从onclick函数设置全局变量并将其传递给另一个JS文件
- 将会话变量从一个页面传递到另一个页面
- 替换另一个变量对象中的变量值
- 如何将JavaScript变量的数据传递到另一个php页面
- 如何将变量值附加到另一个变量
- 如何将一个变量从一个控制器传递到合金中的另一个控制器
- 当我更新另一个作用域变量时,作用域变量会自动更新
- 是否可以在另一个变量中使用未声明的变量
- 使用JavaScript打开另一个html页面时传递变量
- JS/ANGULAR使用一个变量's值作为另一个对象的键
- 将php页面URL中的变量传递给JavaScript和另一个php
- 用javascript将信息/变量从一个网页传递到另一个网页
- 如何使用javascript/jquery将变量从一个PHP文件传递到另一个PHP文件
- 变量比另一个变量少一个
- Javascript:OnChange事件,将数组变量传递给另一个函数
- javascript将函数中一个变量的参数值传递给父函数中的另一个