Замена значений в строке
Здравствуйте, не могу разобраться с одной проблемой.
Внутри HTML : <ul class="add_ing_list"> <li data-ord="25" data-id="1"><span class="count_ing"></span>Сыр (25 ₴)</li> <li data-ord="30" data-id="2"><span class="count_ing"></span>Курица(30 ₴)</li> <li data-ord="35" data-id="3"><span class="count_ing"></span>Соус(35 ₴)</li> </ul> Код JS: var ingredients='', //пустая строка ing_price = 0; //сумма ингредиентов (цена) var ing_list = $('.add_ing_list li'); // отдельный ингредиент var count_ing = 0; // количество добавленных ингредиентов которое отображаться рядом с названием ингредиента ing_list.click(function(){ if($(this).hasClass('checked')){ count_ing ++; $(this).find('span').text('+'+count_ing+' '); ingredients += $(this).text()+', '; ing_price += $(this).data('ord'); }else{ $(this).addClass('checked'); count_ing=0; count_ing ++; $(this).find('span').text('+'+count_ing+' '); ingredients += $(this).text()+', '; ing_price += $(this).data('ord'); } });
|
rostik1991,
попробуйте сделать рабочий макет, хотя бы на сыр и картошку без php и попробуйте ещё раз обьяснить про 1 и 2 |
Описал проблемку подробнее, спасибо
|
rostik1991,
так? <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ var ingredients='', //пустая строка ing_price = 0; //сумма ингредиентов (цена) var ing_list = $('.add_ing_list li'); // отдельный ингредиент var count_ing = 0; // количество добавленных ингредиентов которое отображаться рядом с названием ингредиента ing_list.click(function(){ if($(this).hasClass('checked')){ count_ing ++; $(this).find('span').text('+'+count_ing+' '); ingredients = $.map($('.add_ing_list li.checked'),function(el) { return $(el).text() }); ing_price += $(this).data('ord'); }else{ $(this).addClass('checked'); count_ing=0; count_ing ++; $(this).find('span').text('+'+count_ing+' '); ingredients = $.map($('.add_ing_list li.checked'),function(el) { return $(el).text() }); ing_price += $(this).data('ord'); } $('p').text(ingredients) }); }); </script> </head> <body> <p></p> <ul class="add_ing_list"> <li data-ord="25" data-id="1"><span class="count_ing"></span>Сыр (25 ₴)</li> <li data-ord="30" data-id="2"><span class="count_ing"></span>Курица(30 ₴)</li> <li data-ord="35" data-id="3"><span class="count_ing"></span>Соус(35 ₴)</li> </ul> </body> </html> |
Так :dance:
Спасибо большое!:thanks: |
Часовой пояс GMT +3, время: 12:44. |