javascript - 编辑(附加？)存储在 jquery 变量中的字符串

Question

我在 ajax 调用中引入了一个大的 html 字符串，我想在页面上使用它之前对其进行修改。我想知道如果我将字符串存储在变量中然后使用新编辑的字符串，是否可以编辑该字符串。在 ajax 调用成功时，这就是我所做的:

    $.each(data.arrangement, function() {
              var strHere = "";
              strHere = this.htmlContent;
                      //add new content into  strHere  here
              var content = "<li id=" + this.id + ">" + strHere +      "</li>";

htmlContent 是我存储在字符串中的 html 代码块的关键。存储字符串没有问题(我检查了一个警报)，但问题是我需要在存储的字符串中定位一个名为 .widgteFooter 的 div，然后向其中添加一些额外的 html(2 个小 div)。这可能与 jquery 吗？ 谢谢

Answer 1

将字符串转换为 DOM 元素:

domHere = $("<div>" + strHere + "</div>");

然后您可以更新此 DOM:

$(".widgetFooter", domHere).append("<div>...</div><div>...</div>");

然后做:

var content = "<li id=" + this.id + ">" + domHere.html() +      "</li>";