Имеется такая корзинка Её код: <div id="korz"> <div id="block"> Корзина <br> <p>Товаров:<span id="count">0</span></p> <!--в этот span добавляется кол-во товаров--> <p>Сумма:<span price="0" id="price">0</span></p> <!--в этот span добавляется сумма товаров--> </div> </div> Есть товары циклом из базы данных Код маленькой кнопки корзинки под товарами (выводится циклом с каждым товаром) <div title="Добавить" style="несуть" price="'.$row["Cena"].'" rel="'.$row["ID"].'" id="add"> <!--price и rel выдуманный атрибут. В нём цена и id товара, которые через скрипт идут в корзину--> <img src="korz.png" width="40px" height="40px"/> </div> Обработчик нажатия этой кнопки javascript + jQuery $(document).ready(function() { var newcount = 0; /*переменная счётчика кол-ва товаров*/ $('#add').click(function(){ /* функция обработки клика*/ var allprice = $('#block p span#price').attr("price"); /*переменная равная атрибуту price (в корзине) */ var price = $(this).attr("price"); /*в переменную вытаскивается из price цена (в товарах)*/ var tovarid = $(this).attr("rel"); /*в переменную вытаскивается из rel ID(в товарах)*/ newprice = Number(allprice) + Number(price); /*складывает цены, переводит их в числа*/ newcount ++; /*счётчик кол-ва*/ $('#block p span#price').html(newprice+' руб.').attr("price",newprice); /*устанавливает новую цену в корз.*/ $('#block p span#count').html(newcount); }); }); Суть проблемы Как задумано работает только первая кнопка (под булкой потешкой) Остальные отказываются работать. Обработчик не кладёт их в корзину. Если не разобрались в коде, спрашивайте-объясню что где. Заранее спасибо
Хреново задумано, т.к. в пределах одной страницы не может быть несколько элементов с одинаковым ID. Это правило можно записать на листике, прикрепить над кроватью и читать, как молитву до полного усвоения. Замените id у кнопок на классы.