Jquery .load () конкретный c фрагмент

Question

Я пытаюсь загрузить определенное c содержимое страницы и указать его по идентификатору.

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

Пока все хорошо, все работает нормально.

Проблема в том, что этот элемент является своего рода виджетом, поэтому, если на странице имеется более одного элемента, содержимое удваивается, утраивается и т. д.

Как использовать load() для загрузки спецификаций c фрагменты страницы только один раз?

Вот моя HTML структура element-id:

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

Answer 1

Я думаю, что ваш вопрос пропускает некоторую информацию для полного понимания. Из того, что вы написали, вы пытаетесь загрузить фрагмент HTML и поместить его в один указанный элемент c на странице. Этот элемент должен быть уникально , определяемый его (уникальным) тегом id. В качестве примера, скажем, у нас есть HTML элементы на странице:

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

Чтобы загрузить содержимое только в один указанный c div, скажем, div, идентифицируемый виджетом " -2 "id, вы должны сделать что-то вроде этого:

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

Надеюсь, что это поможет прояснить вопрос, также взгляните на: https://api.jquery.com/load/