Javascript 在变量（而不是文档）中修改HTML的HTML标记

好,

我认为这是一个随机的问题。我在这里搜索时找不到它。也许我的措辞不正确。无论如何这就是我需要的。我使用

outerHTML

方法从元素中获得了一些html。它存储在一个变量中

objCodes.refDocs

现在，它只包含html。我需要做的是修改该变量中的html。我需要更改其中一个div标记中的id。div id是随机的（由中继器创建的是ASP.NET），因此我需要使用如下选择器

[id^=dvSearcher]

。我尝试过执行以下操作，但对我的

objCodes.refDocs html

没有任何作用

$(objCodes.refDocs).find('[id^=dvSearcher]').attr('id', 'newID');

有没有办法只修改该变量中的html？我可以通过使用find方法并将其设置为变量来提取元素。我只需要修改这一部分

如有任何帮助，将不胜感激：-

---

谢谢。

这里的问题是您没有将新更新的字符串存储回变量中

字符串将不会得到更新，您需要这样做

//What you are doing

var objCodes = {
    refDocs : '<div><div id="dvSearcher"></div></div>'
};

var html = $(objCodes.refDocs);
html.find('[id^=dvSearcher]').attr('id', 'newID');
console.log("I was changed: ", html.html());  //shows updated code
console.log("My value: ", objCodes.refDocs);  //show orginal

//What you need to do
var updatedHTML = $("<div/>").html(objCodes.refDocs);
updatedHTML.find('[id^=dvSearcher]').attr('id', 'newID');
objCodes.refDocs = updatedHTML.html();
console.log("new string: ", objCodes.refDocs);  //updated html string

//你在做什么
变量对象代码={
参考文档：“”
};
var html=$（objCodes.refDocs）；
html.find（'[id^=dvSearcher]'）.attr（'id'，'newID'）；
log（“我被改变了：，html.html（））//显示更新的代码
log（“我的值：”，objcode.refDocs）//原汁原味
//你需要做什么
var updatedHTML=$（“”）.html（objCodes.refDocs）；
updatedHTML.find（'[id^=dvSearcher]'）.attr（'id'，'newID'）；
objCodes.refDocs=updatedHTML.html（）；
log（“新字符串：”，objCodes.refDocs）//更新的html字符串

另一个选择是将DOM存储到变量中，然后保存更改

var objCodes2 = {
    refDocs : $('<div><div id="dvSearcher"></div></div>')
};
objCodes2.refDocs.find('[id^=dvSearcher]').attr('id', 'newID');
console.log("The DOMish way: ", objCodes2.refDocs.html());

var对象代码2={
参考文档：$（''）
};
objcode2.refDocs.find（'[id^=dvSearcher]'）.attr（'id'，'newID'）；
log（“多米什方式：”，objcode2.refDocs.html（））；

---

它是一块html还是一个完整的文档？如果是块：$（“”）.html（objCodes.refDocs）.find（'[id^=“dvSearcher”]'）.attr（'id'，'newID'）；

objCodes.refDocs

是字符串吗？是objCodes.refDocs是字符串。其中包含html。在html中有我需要更改的id。啊，对不起，我没有看到代码部分。是的，行得通。然后我可以使用objCodes.refDocs=html.html（）将其分配回。完美的非常感谢。