jquery - jquery不清楚div

Question

我的站点中有用于 ajax 加载的代码

if (base === 'basic') {
    $.ajax({
        url: location,
        data: {},
        success: function (result) {
            document.title = titlepage;
            window.history.replaceState(null, null, url);
            $('#content').empty();
            $('#content').html('');
            $("#content").html(result);
        }
    });
} //if base

一切都在它上面工作，但不是

$('#content').empty();
$('#content').html('');

我怎样才能清除所有内容

<div id="content">

这样我就可以在上面加载新东西了吗？里面还有很多其他的 div 和其他代码。

Answer 1

问题是您有 2 个标签，其属性 ID 的属性值相同。其中按 HTML 规范 ID 必须是唯一标识符。

<header>
    <div id="content"></div>
</header>
<section>
   <div id="content"></div>
</section>

因此，更改标题 div ID，您就可以开始了。

Answer 2

$("#content").html(result);

将替换contentDiv 中的现有数据。所以您不必担心删除旧信息