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