如何通过JQuery用另一块代码替换大块代码

Question

我有一个php页面，我通过ajax调用，返回的值我想作为一个新元素放在页面中。例如，我有

<div id="main">

<div class="element">
 Old stuff
 ....
</div>
<div class="element">
 ....
</div>
<div class="element">
 ....
</div>

</div>

这是我的页面

我有一个php页面我正在调用Jquery ajax来返回这个结构

<div id="main">

<div class="element">
 New stuff
 ....
</div>
<div class="element">
 ....
</div>
<div class="element">
 ....
</div>

</div>

所以我需要隐藏旧的东西并用新的块替换它

Answer 1

如果要替换“main”div的内容，JQuery ajax实际上有一个快捷方式：

$("#main").load("myAjaxPHPURL.php");

Answer 2

我认为你想要的是

$.ajax({
   url: 'ajax/myajax.php',
   success: function(data) {
   $('#main').html(data);
   }
});

Answer 3

$('#main').html("New markup to replace");

将替换id = main中的div内容。

$('#main').append("New markup added to end of target");

将内容添加到最后，原始内容保持不变。

$('#main').prepend("New markup added to beginning of target");

将内容添加到顶部，保留原始内容。

Answer 4

或者...

$（ '＃主'）replaceWith（$ JQ（newHtml））;

这样您就不必从新内容中删除外部div。