Как правильно отправить данные к нескольким div из js

@Eclipse19 · Регистрация: 04.03.2023

Студворк — интернет-сервис помощи студентам

Не могу никак доработать вывод трёх пагинаций на одну страницу. Дело в том, что все три они корректно выводятся и вставляются в свои блоки, а вот если мне нужно вставить только 2ую пагинацию из 3х, то она вставляется по умолчанию в 1ый ul когда надо во 2ой. Это нужно для ajax. Вот html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
$result = R::getAll("SELECT * FROM menu ORDER BY id");
 
foreach ($result as $row) {
  $cat[] = "<input name='news_cat' type='hidden' value='".$row["id"]."' />".$row["name"]."<br/>";
}
?>
 
<div class="hs-categ"><?= $cat[0] ?>
   <ul class="pagcat">
 
   </ul>
</div>
<div class="hs-categ"><?= $cat[1] ?>
   <ul class="pagcat">
 
   </ul>
</div>
<div class="hs-categ"><?= $cat[2] ?>
   <ul class="pagcat">
 
   </ul>
</div>

А вот данные, которые передаются через ajax

PHP
1
2
3
4
5
6
7
8
9
10
11
12
Array
(
    [0] => 3
)
Array
(
    [0] => 2
)
Array
(
    [0] => 2
)

Изначальный вариант js, когда выводятся пагинации все сразу

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
success: function (response) {
const { output } = JSON.parse(response);
$('.hs-categ').each(function (i) {
    //вывод из бд номеров пагинаций
        var pagcat = $(this).find('.pagcat');
        output[i].forEach(function (page) //перебор и вывод списка пагинаций
        {
            const pag = getItemPAG(page);
            pagcat.empty().append(pag); //очищаем старую и добавляем новую выборку статей и пагинаций
        });
});
 
function getItemPAG(page)
{
    const pagHTML = `
        <div id="pagelink">${page}</div>`;
 
    return pagHTML;
}

Нерабочий вариант. В этом js я пытался передать значение только в второй блок .pagcat через метод eq(), но что-то не получилось.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
success: function (response) {
const { output } = JSON.parse(response);
$('.hs-categ').each(function (i) {
    //вывод из бд номеров пагинаций
        var arr = [1];
        var pagcat = $(this).find('.pagcat');
        output[i].forEach(arr, function (page, e) //перебор и вывод списка пагинаций
        {
            const pag = getItemPAG(page);
            pagcat.empty().eq(e).append(pag); //очищаем старую и добавляем новую выборку статей и пагинаций
        });
});
 
function getItemPAG(page)
{
    const pagHTML = `
        <div id="pagelink">${page}</div>`;
 
    return pagHTML;
}

@pincet · 04.08.2023, 10:56

Не по теме:

have a nice day then

@Eclipse19 · 04.08.2023, 10:58 **[ТС]**

Сообщение от pincet

не смущает?

а почему это должно смущать? я очищаю блок перед добавлением новых данных

Добавлено через 55 секунд
pincet, вы если не можете(или не хотите) помочь ничем не засоряйте тему для тех, кто будет пытаться понять суть проблемы, читать ещё и ваш спам

Новые блоги и статьи Все статьи Все блоги /
попытка написать игровой сервер на C++ pyirrlicht 29.04.2026 попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .	Контроль уникальности выбранного документа-основания при изменении реквизита Maks 28.04.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .	Благородство как наказание Maks 24.04.2026 У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .	Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .

@pincet
	04.08.2023, 10:56
	Не по теме: have a nice day then 0

Опции темы