jquery - 如何使用 jQuery 创建一个 div

Question

早晨 ：）

我试图在每次使用 jQuery 按下一个按钮时创建一个 div。

$('#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

我建议使用 show()-hide() 机制来实现您正在尝试的任何事情。

将标记放在原始 html 中，但将其设为“display:none”。当您需要将它“添加”到页面时 - “显示（）”它。它几乎总是更优越、更清洁。这样你就不需要用 javascript 构造 div。

但是如果必须动态添加元素，请使用append

编辑：

我不太确定你的结构是什么，但如果你需要在里面设置按钮，请考虑以下选项：

1. 在原始标记中添加另一个按钮（如果您遵守我关于使用 show()-hide() 的建议）
2. 绝对定位按钮，然后将其移动到您想要的位置
3. 使用 jquery appendTo

请注意，其中一些选项可能不合适，具体取决于您的标记的其余部分。

Answer 2

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

这会在 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');
      });
});