使用jQuery将div替换为相同的div onclick

我想用jQuery

onclick

按钮替换

div

容器，但我不知道怎么做。我试过这个：

jQuery(document).click(function() {
("#dynamic").load("single.php #partial_index");
});

但我如何替换它呢？现在它不会显示，如果我点击它（它什么也不做），但这是正常的，我想，因为我没有国家更换div。有什么变化，我可以得到这项工作

---

如果单击按钮dynamic，我想用一个名为test的ID替换一个div。我希望它被single.php#partial_index替换。按钮现在什么也不做。

此代码现在做的是将单击处理程序绑定到文档。单击文档时，它会将

single.php#partial_index

加载到

#dynamic

元素中（尽管它缺少

$

：

$（'#dynamic'）

）

以下是我认为你想要的：

$('#dynamic').click(function() {
    $('#test').load("single.php #partial_index");
});

---

此代码现在所做的是将单击处理程序绑定到文档。单击文档时，它会将

single.php#partial_index

加载到

#dynamic

元素中（尽管它缺少

$

：

$（'#dynamic'）

）

以下是我认为你想要的：

$('#dynamic').click(function() {
    $('#test').load("single.php #partial_index");
});

---

首先，始终确保主代码位于DOM就绪结构中，如下所示：

jQuery(document).ready(function() {
    // This fires when the DOM has loaded (thus all your link(stylesheet) and script includes at the very least
});

在函数内部，我看到您使用（“#dynamic”），当它缺少$jQuery global或jQuery名称空间本身时，请像这样使用它：

jQuery('#dynamic');

或

接下来，您有一个按钮，您想用来替换div中的内容

$('button').click(function() {
    $('#dynamic').load('single.php#partial_index');
});

您还可以使用新元素替换内容，如下所示：

$('#dynamic').replaceWith($('<div>I am a new jQuery dynamic element!</div>'));

$（'#dynamic'）。替换为（$（'I是一个新的jQuery动态元素！'）；

首先，始终确保主代码位于DOM就绪结构中，如下所示：

jQuery(document).ready(function() {
    // This fires when the DOM has loaded (thus all your link(stylesheet) and script includes at the very least
});

在函数内部，我看到您使用（“#dynamic”），当它缺少$jQuery global或jQuery名称空间本身时，请像这样使用它：

jQuery('#dynamic');

或

接下来，您有一个按钮，您想用来替换div中的内容

$('button').click(function() {
    $('#dynamic').load('single.php#partial_index');
});

您还可以使用新元素替换内容，如下所示：

$('#dynamic').replaceWith($('<div>I am a new jQuery dynamic element!</div>'));

$（'#dynamic'）。替换为（$（'I是一个新的jQuery动态元素！'）；

未经测试，但类似的方法应该可以工作

$("#dynamic").click(function() {
    $("<div />").attr("id", "#partial_index").load("single.php #partial_index", function(data){
         var newDiv = $(this).html(data);
         $('#test').replaceWith(newDiv)  
     })
});

$（“#动态”）。单击（函数（）{
$（“”）.attr（“id”，“partial#u index”）.load（“single.php#partial#u index”，函数（数据）{
var newDiv=$（this）.html（数据）；
$（'#test'）。替换为（newDiv）
})
});

未经测试，但类似的方法应该可以工作

$("#dynamic").click(function() {
    $("<div />").attr("id", "#partial_index").load("single.php #partial_index", function(data){
         var newDiv = $(this).html(data);
         $('#test').replaceWith(newDiv)  
     })
});

$（“#动态”）。单击（函数（）{
$（“”）.attr（“id”，“partial#u index”）.load（“single.php#partial#u index”，函数（数据）{
var newDiv=$（this）.html（数据）；
$（'#test'）。替换为（newDiv）
})
});

不，在参数列表后显示

缺失）

我已编辑答案以关闭大括号..查看您是否已正确关闭大括号。在参数列表后显示

缺失）

我已编辑答案以关闭大括号。。查看是否已正确地关闭大括号答案，我尝试了以下操作：

jQuery（document）.ready（function（）{jQuery（'button'）。单击（function（）{jQuery（'#dynamic'）.replacetwith（jQuery（'I是新的jQuery动态元素！'）；}）但它什么也没做？谢谢你的回答，我尝试了以下方法：
jQuery（document）.ready（function（）{jQuery（'button'）。单击（function（）{jQuery（'#dynamic'）.replacetwith（jQuery（'I是一个新的jQuery动态元素！'）；}）但它什么也没做？谢谢你的回答，詹姆斯，但是什么也没有发生。谢谢你的回答，詹姆斯，但是什么也没有发生。这不是我问题的答案。它不能代替任何东西。我是这样理解您想要的：“当我单击id为'dynamic'的元素时，获取'single.php'（仅获取id为'partial_index'的元素的内容），并将该内容放入id为'test'的div中。”。我的理解有误吗？我想用部分索引替换测试，但您理解的方式也可以。无论如何，这只是另一个问题的一小部分。这是一个实际的问题：它不是我问题的答案。它不能代替任何东西。我是这样理解您想要的：“当我单击id为'dynamic'的元素时，获取'single.php'（仅获取id为'partial_index'的元素的内容），并将该内容放入id为'test'的div中。”。我的理解有误吗？我想用部分索引替换测试，但您理解的方式也可以。无论如何，这只是另一个问题的一小部分。以下是实际问题：