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

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

Answer 2

我建议使用show（） - hide（）机制来实现你正在尝试的任何东西。

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

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

编辑：

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

在原始标记中添加另一个按钮（如果您遵守我关于使用show（）的建议 - hide（））
绝对按住按钮并将其移动到您想要的位置
使用jquery appendTo

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

如何使用jQuery创建div

2 个答案: