使用JQuery ajax替換div，而不替換內容

Question

這是一個示例文檔結構

<div>
    <div id="1" class="to-replace"></div>
    <div id="2" class="to-replace"></div>
    <div id="3" class="to-replace"></div>
</div>

我想做的就是替換#1 ，例如，將其替換為我從ajax調用中檢索到的所有內容（我不使用JSON，因為請求非常小，而且似乎不值得。此外，該網站主要用於我個人使用）。 我知道我可以使用JQuery .load()替換內容，但是必須有一些簡單的方法替換整個內容。

Answer 1

您可以使用replaceWith jquery函數替換元素：

    $("#1").replaceWith("bla");

Answer 2

$.get(url,function(data){
   $("#1").replaceWith(data);
}); 

url是您要獲取的內容的URL，data是返回的數據