如何使用jQuery創建div

Question

Morning :)

我試圖創建一個div，每次用jQuery按一個按鈕。

$('#button_submit').click(function() 
{ 
//create a div inside a already existing div (<div id="save"></div>) with this parametres: 
/* 
<h3>Title</h3> 
<div> 
<p> 
Some text 
</p> 
</div> 
*/ 
} 

<div id="save"></div> 

任何幫助？ :)乾杯

編輯：

//newArray is defined. 
$("<button id=saved>").click(function() { 
drawChart.apply(null, newArray); 
}).text("click me") 

這個按鈕應該是新的div裏面了。我可以輕鬆整合嗎？

Answer 1

$('#button_submit').click(function(){ 
$('<h3>Title</h3><div><p>Some text</p></div>').appendTo('#save'); 
}); 

這將創建你想裏面保存什麼

編輯進行更新

$(document).ready(function(){ 
     function newFunction(){ 

     /*This is the new function*/ 

     } 

$('#button_submit').click(function(){ 
     $('<h3>Title</h3><div><p>Some text</p></div><input type="button" value="saved" id="saved" onclick="newFunction()"/>').appendTo('#save'); 
     }); 
}); 

Answer 2

我會建議使用顯示（） - 隱藏（）機制來實現不管它是你正在嘗試。

將標記放在原始html中，但將其設置爲「display：none」。當你需要「添加」到頁面 - 「顯示（）」它。它幾乎總是優越和乾淨。這樣你就不需要用javascript構建div。

但是如果你必須動態地添加元素，使用append

編輯：

我真的不知道你是什麼結構，但是如果你需要有按鈕內考慮這些選項：

1. 把另一個按鈕原標記（如果你堅持我的意見，有關使用顯示（） - 隱藏（））
2. 位置的按鈕絕對，只是移動你想要
3. 使用jQuery appendTo

注意，某些選項可能不適合，這取決於你的標記的其餘部分。