Jquery 将新创建的div插入DOM

我想将下面有两个子项的div附加到DOM中的#galleryHeader div

 <div class=open_folder_icon>
            <img class="folder_icon" src="images/folder_open.png"  alt="open folder"  />
            <div class="folder_name" >Root</div>
     </div>

根

我想做一些像

$('<div>').appendTo(#galleryHeader);   

$（''）.appendTo（#galleryHeader）；

但是用我更复杂的div替换这里简单的div。有没有干净的方法

---

谢谢

我不确定问题是什么，但如果是关于追加的问题：

它应该使用

append

转到另一个方向：

$('#galleryHeader').append('<div>');

然后在jQuery语句中使用它：

$(myDiv).appendTo('#galleryHeader')

您也可以直接将div作为字符串放入

$（）

表达式中，但我个人认为，将其放入自己的变量中并逐行构造它比一行巨大的HTML更容易阅读

另一种选择是，您可以使用模板引擎（如或）来生成提供给jQuery的字符串

---

在后台，jQuery调用适当的DOM函数，从传递给它的字符串中创建HTML作为DOM元素对象。

您还应该转义引号下面的示例是带有转义的复杂div 引用，它的工作。此外，您还忘了在“open\u folder\u icon”类周围加引号

$（“#galleryHeader”）.append（“Root”）；

好的，好的。但我仍然不知道如何将复杂的div封装在附加括号中。

var myDiv = '<div class=open_folder_icon>' +
    '<img class="folder_icon" src="images/folder_open.png"  alt="open folder"  />' +
    '<div class="folder_name" >Root</div>' + 
    '</div>';

$(myDiv).appendTo('#galleryHeader')

$("#galleryHeader").append("<div class=\"open_folder_icon\"><img class=\"folder_icon\" src=\"images/folder_open.png\"  alt=\"open folder\"  /><div class=\"folder_name\" >Root</div></div>");