JQuerry Ajax, как обновить два поля с одинаковым Id?

@Elarion · Регистрация: 12.02.2016

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

Доброй ночи.
Есть ajax запрос. Он должен заполнить поле класса LikesCount цифрами, а поле с классом likeUsers - списком с именами пользователей. Так же меняет цвет в зависимости от состояния кнопки, меняет ее цвет.

Проблема в том, что мне нужно что бы эти данные занеслись в двух местах, но почему-то меняется только в одном, при это не важно где я нажимаю на кнопку.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function makeLikes(id, type) {
        $.ajax({
            type: 'POST',
            url: "/Likes/LikeButton",
            data: { id: id, type: type },
            success: function (data) {
                var json = $.parseJSON(data);                                
                $("#likesCount-" + json["LikeObjectId"]).html(json["LikesCount"]);
                $("#likeUsers-" + json["LikeObjectId"]).html(json["LikesString"]);
                var color = "blue";
                if (json["isLiked"] == true)
                    color = "green";
 
                $("#likeButton-" + json["LikeObjectId"]).css('color', color);
            }
        });

А этот код вставлен в двух разных местах, он идет в перемешку с C# ASP.NET, но думаю идея ясна.
К примеру
<span id="likesCount-@Model.LikeObjectId">@Model.Likes.Count</span>
после обработки и заполнения данными будет выглядеть так
<span id="likesCount-5Id">2(count)</span>

HTML5
1
2
3
4
5
6
7
8
9
10
11
<span id="likesCount-@Model.LikeObjectId">@Model.Likes.Count</span>
        @if (User.Identity.IsAuthenticated)
        {
            <a id="likeButton-@Model.LikeObjectId" style="color:@likeColor" href="javascript:makeLikes(@Model.LikeObjectId,'@Model.LikeType');">Понравилось</a>
            //<span> @Ajax.ActionLink("Понравилось", "LikeButton", "Likes", new { id = Model.LikeObjectId, Type = Model.LikeType }, ajaxOptions, new { @style = "color:" + @likeColor })</span>
        }
        else
        {
            <span> Понравилось</span>
        }
         <span id="likeUsers-@Model.Id"></span>

Подскажите в чем моя ошибка, и можно ли сделать, то что я хочу?

Donald28 · 27.05.2016, 14:10

Не должно быть двух элементов на странице c одинаковыми id!
Как вариант вместо id можно использовать классы

HTML5
1
<span class="likesCount-@Model.LikeObjectId">...

@Elarion · 27.05.2016, 15:04 **[ТС]**

Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@Elarion 7 / 7 / 1 Регистрация: 12.02.2016 Сообщений: 45
	27.05.2016, 15:04 [ТС]
	Спасибо! 0