javascript - 使用 jQuery 重新加载包含动态内容的 div

Question

任务是重新加载 list div 及其所有内容。

内容是space和foo，也是用javascript生成的。

<div id="list-wrapper">
    <div id="list">
        <div class="space"></div>
        <div class="foo"></div>
        <div class="foo"></div>
        <div class="foo"></div>
        <div class="space"></div>
    </div>
</div>

我正在尝试使用

$("#list-wrapper").load(document.URL + " #list");

但这无法正常工作 - 重新加载的列表为空:

<div id="list-wrapper">
    <div id="list">
    </div>
</div>

我也尝试过

$("#list").load(document.URL + " #list");

同样，新的列表是空的。

有什么方法可以做到吗？

编辑以明确任务。想象一下，我们通过打开 Chrome 开发工具手动对网页进行了一些更改，并删除了 3 个 foo 中的 1 个。之后，我们希望脚本重新加载 list div，以显示所有 3 个 foo，而不是 2 个。

Answer 1

首先清空div的html，然后每次加载新的html。

$("#list").html( ).load(document.

   URL+ "#list");

您的代码中的 id 选择器存在间隙(即#list)