Javascript 如何将数据附加到div？

我有一个功能，在按钮上单击我添加列，现在我想要的是在按钮上单击我要添加的列，我希望它附加到另一个div在我的情况下，按钮和附加的数据现在都添加到同一个div中

这是我正在编写的代码

var i = 1;
$(document).ready(function() {             
    $("button[id='columnadd']").click(function () {
       // create the element
       var domElement = $('<div id="shoppingCart' + i++ + '" class="shoppingCart"><h2 class="ui-widget-header">Add Menu Items Here</h2><aside class="ui-widget-content" id="droppable"><ol><li class="placeholder">Add your items here</li></ol></aside></div>');

       $(this).after(domElement);
       // at this point you have domElement in your page
       //.appendTo("#columnhoder")
       // make it droppable
       domElement.find("ol").droppable({
           accept: '.small_box li',
           greedy: true,
           drop: function (event, ui) {
               alert(1);
               makeItDroppableToo(event, ui, this);
               //$(this).find(".placeholder").remove();
               //$("<li></li>").text(ui.draggable.text()).appendTo(this);                         
           }
       });
});

var i=1；
$（文档）.ready（函数（）{
$（“按钮[id='columnadd']）。单击（函数（）{
//创建元素
var domElement=$（“在此处添加菜单项”
在此处添加您的项”
）；
$（this）.在（domElement）之后；
//此时，您的页面中有DomeElement
//.附于（“#columnhoder”）
//让它可以放下
DOMELENT.find（“ol”）.可拖放({
接受：“.小盒子里”，
贪婪：没错，
drop：函数（事件、用户界面）{
警报（1）；
makeItDroppableToo（事件、ui、this）；
//$（this.find（“.placeholder”）.remove（）；
//$（“
”）.text（ui.draggable.text（））.appendTo（this）；
}
});
});

我想要这个

var domElement = $('<div id="shoppingCart' + i++ + '" class="shoppingCart"><h2 class="ui-widget-header">Add Menu Items Here</h2><aside class="ui-widget-content" id="droppable"><ol><li class="placeholder">Add your items here</li></ol></aside></div>'); 

var-domElement=$（“在此处添加菜单项”
在此处添加您的项”
）；

要附加到此div

<div id="columnholder">div>

div>

您可以使用appendTo：

domElement.appendTo('#columnholder');

$（“#列持有人”）.append（doElement）

应该可以

---

使用jQuery，这非常简单。您只需选择您的容器，然后对其使用append方法。例如：

$('#columnholder').append('your html code or something like that');

---

查看：

不用现在没有添加列…按钮单击不正常，您应该检查拼写：'columnhoder'。字母'l'错误。请参阅此提琴：JSFIDLE还需要关闭

（文档）。就绪（函数（）{

并选择jQuery框架；修复它是否有效。@西蒙：对不起，我还没有看到。他在我面前给出了正确的答案；）