javascript - 将 dom 作为变量插入另一个 dom 中

Question

我一直在试图找到这样做的方法:

stackUp = function(a){
    var stack = "";
    stack += "<div class='stackWrap'>";
    stack += "<div class='stackInfo'></div>";
    stack += "<div class='stackBox'>";
    stack += "</div>";
    stack += "</div>";
    for(var i=0;i<a.length;i++){ $(stack).find("stackBox").append(a[i].box); }
    return $(stack);
}

我想做的就是将对象中的每个框插入到“stack”中记住的“stackBox”div中，任何人都可以帮助我吗？

Answer 1

在循环中，在每次迭代中，您都将创建一个新的 jQuery 对象并对其进行修改。但这些更改不会反射(reflect)在字符串 stack 中。最后，您从字符串 stack 创建一个新的 dom 结构并返回它，因此循环中的任何更改都不会反射(reflect)在返回的对象中

stackUp = function (a) {
    var stack = "";
    stack += "<div class='stackWrap'>";
    stack += "<div class='stackInfo'></div>";
    stack += "<div class='stackBox'>";
    stack += "</div>";
    stack += "</div>";
    var $stack = $(stack);
    for (var i = 0; i < a.length; i++) {
        $stack.find(".stackBox").append(a[i].box);
    }
    return $stack;
}