我如何用另一块代码通过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

JQuery的AJAX实际上有一个快捷键，如果你想更换你的“主” div的内容：

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

Answer 2

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

或者......

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

这样你就不必从新内容中去掉外部div。

Answer 4

我想你想要的是

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