编辑(追加？)存储在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>";