如何將數據追加到div？

我有一個函數，在按鈕單擊我添加列，現在我想要的是在按鈕上點擊我添加的列，我想要附加到另一個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 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>

來源

2012-10-29 Sadda-shutu

您可以使用appendTo：

domElement.appendTo('#columnholder');

來源

2012-10-29 10:00:00 iappwebdev

嘗試過，但該列不上按一下按鈕添加當我使用這個.. –

這definitly工作。你能提供一個jsfiddle嗎？ – iappwebdev

這裏是jsfiddle http://jsfiddle.net/Ud2Rc/ –

$("#columnholder").append(domElement)應該工作

jQuery Append

來源

2012-10-29 10:02:01

沒有使用現在沒有添加柱子。 ..button點擊不起作用 –

@Simon已經提供了一個演示。檢查http://jsfiddle.net/Ud2Rc/8 –

使用jQuery，這是很容易的。你只需要選擇你的容器，然後在其上使用append方法。例如： -

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

看看：http://api.jquery.com/append/

來源

2012-10-29 10:02:42 Shimu

如何將數據追加到div？

回答

相關問題