如何将数据追加到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？

回答

相关问题