1


Столкнулся с такой проблемой:
Есть несколько <div id="product"></div>, при загрузке выполняется следующий код $('#product').load('/product.html');, загрузка содержимого выполняется только в первый блок, а в остальных пусто.
Как решить?

2 ответа 2

1

селектор #product, подразумевает, что элемент имеет id=product, и, так как id должны быть уникальны на странице, выбирается только один элемент.

Поэтому вместо id, стоит использовать class, тогда селектор сменится на .product и будут выбраны все элементы.

16
  • 1
    по правилам да, по факту в jquery никакой разницы нет. Не работает тут по другой причине 28 апр 2018 в 9:04
  • 1
    @ArtemGorlachev, по этой - jquery то ли со второй, то ли в конце первых версий стал выбирать только один элемент по селектору id
    – Grundy
    28 апр 2018 в 9:05
  • не должны они быть уникальны на странице. уникальность должна быть в в ветке DOM
    – teran
    28 апр 2018 в 10:29
  • @teran, что имеется ввиду под веткой DOM и в чем принципиальная разница?
    – Grundy
    28 апр 2018 в 10:34
  • @Grundy в том, что пометить допустим третью ячейку в разных строках таблицы одинаковым идентификатором это нормально, и глобальная уникальность на всей странице не требуется.
    – teran
    28 апр 2018 в 10:41
-1

Если подгружаются разные данные для каждого div, то так:

$('#product').each(function (index) {
    $(this).load('/product.html');
});

Если в каждый блок подгружается один статичный, то так:

$.get('/product.html', function (html) {
    $('#product').html(html);
});
5
  • 1
    $('#product').each не прокатит - так как jquery выберет только один элемент
    – Grundy
    28 апр 2018 в 9:03
  • 1
  • 1
    Каждое id значение должно использоваться только один раз в документе. Если нескольким элементам был присвоен одинаковый идентификатор, запросы, которые используют этот идентификатор, будут выбирать только первый согласованный элемент в DOM. Однако это поведение нельзя полагаться; документ с более чем одним элементом, использующим один и тот же идентификатор, является недопустимым.
    – And
    28 апр 2018 в 9:08
  • @Grundy, да, точно, помню как-то давно такое прокатывало и больше так не делал ) 28 апр 2018 в 10:57
  • @ArtemGorlachev, Ну собственно в первых версиях, он вполне возвращал все элементы соответствующие селектору, Но вот смотрю отдельная ветка для случая #id появляется в 1.1.4 что в принципе довольно давно уже.
    – Grundy
    28 апр 2018 в 11:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.