在OnClickButton的帮助下，用另一个DIV替换DIV

Question

我有一个页面，我有这样的GUI

现在我真正的问题是，只要我点击新按钮，它就会从框的左上角开始替换整个div（Container），直到右框的末尾有一个特定的形式。

表单应该动态加载到同一个（同一容器）页面上。 我该怎么办？ 如果有任何可用的代码示例，请发布。

Answer 1

据我所知，有几种方法可以实现您的目标，第一种方法是使用$("#element-id").html("put your html code here")或$("#element-id").load("put your html file here")来替换所选元素中的任何内容。

如果您不想替换div中的所有内容，而是添加一些HTML标记，则可以使用$("#element-id").append("put your html code here")。

有关这些jQuery函数的更多信息：

• .load
• .html
• .append

示例：

HTML：

<button id="new-entry" class='btn btn-success btn-large'>
       <i class='icon-beer'> New Entry </i>
</button>

jQuery的：

$( document ).ready(function() {
   $("#new-entry").click( function(){
        $("#employee_master_table").load("ajax/employee_master_form.html #employee_master_form")
   });
});