使用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，数据是返回的数据