Javascript 特定于Jquery.load（）的片段

我正在尝试加载特定的页面内容，并按ID将其作为目标

let element = $('#element-id');
element.load('link #element-id > *');

到目前为止，一切正常

问题是，元素是一种小部件，因此如果页面上有多个元素，则内容会加倍、加倍，以此类推

如何使用

load（）

只加载一次特定的页面片段

这是我的

元素id

的HTML结构：

<div id="element-id">
    <ul>
        <li>List 1</li>
    </ul>
    <div id="pagination">
        pagination goes here
    </div>
</div>              

清单1

分页在这里

我认为您的问题遗漏了一些信息，以便完全理解。根据您编写的内容，您正在尝试加载一个HTML片段并将其放入页面上的一个特定元素中。此元素应该是唯一的，由其（唯一的）id标记确定。举个例子，假设页面上有这些HTML元素：

<div id="widget-1"></div>
<div id="widget-2"></div>
...
<div id="widget-n"></div>

---

希望这将有助于澄清问题，同时请看：

在这种情况下，您需要使选择器更具体。如果看不到HTML结构，我们无法提供更有用的assistance@RoryMcCrossan编辑了我的问题，提供了HTML结构。

D.Dimitrov

加载前需要清空加载目标，如$（'load-area'）。加载内容功能后需要清空加载目标。如果我清空它，由于下一页（链接）有多个

元素id

，因此内容增加了两倍或三倍。这本身就是一个问题，因为

id

在一个页面中必须是唯一的

jQuery( '#widget-2' ).load( 'url-to-your-content.html' );