我如何用另一塊代碼通過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); 
    } 
});