javascript - データをdivに追加する方法は?

Question

ボタンをクリックして列を追加する機能があります。今、私が欲しいのはボタンをクリックして追加している列です。私の場合、ボタンと追加されたデータの両方が今のところ同じ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 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>'); 

このdivに追加する

<div id="columnholder">div>

Answer 1

jQueryを使用すると、これは非常に簡単です。コンテナを選択してから、appendメソッドを使用するだけです。例えば：

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

ご覧ください：http ：//api.jquery.com/append/

Answer 2

appendTo を使用できます。

domElement.appendTo('#columnholder');