Передать числовое значение в div
Здравствуйте!
Будьте добры, помогите решить задачу. Имеется блок аккордеон: <ul class="submenu" style="margin-left: 0; color: #ffffff; padding-top: 5px; padding-bottom: 5px;"> <li><a class="flower" href="#" data-price="0.65">Ромашка</a></li> <li><a class="flower" href="#" data-price="0.5">Фиалка</a></li> <li><a class="flower" href="#" data-price="0.79">Герань</a></li> <li><a class="flower" href="#" data-price="0.14">Ландыши</a></li> <li><a class="flower" href="#" data-price="0.55">Сирень</a></li> </ul> Нужно передать значения data-price в div при нажатии на ссылку <div class="price" id="zeta"></div> Может это необходимо сделать id'ами или value, моих знаний не хватает, я крутила-вертела, но никак не получается. |
Цитата:
<!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=windows-1251' /> <script src='http://code.jquery.com/jquery-latest.js'></script> <!-- <script src="https://code.angularjs.org/1.3.9/angular.min.js"></script> <script src="https://code.angularjs.org/1.3.9/angular-route.js"></script> --> <style type='text/css'> </style> <script type='text/javascript'> $(function(){ $('.flower').click(function(){ $('#zeta').text($(this).data('price')); }); }); </script> </head> <body> <ul class="submenu" style="margin-left: 0; color: #ffffff; padding-top: 5px; padding-bottom: 5px;"> <li><a class="flower" href="#" data-price="0.65">Ромашка</a></li> <li><a class="flower" href="#" data-price="0.5">Фиалка</a></li> <li><a class="flower" href="#" data-price="0.79">Герань</a></li> <li><a class="flower" href="#" data-price="0.14">Ландыши</a></li> <li><a class="flower" href="#" data-price="0.55">Сирень</a></li> </ul> <div class="price" id="zeta"></div> </body> </html> |
Цитата:
|
ksa,
а отменить событие по умолчанию? |
Цитата:
|
Цитата:
В любом случае, спасибо за отзыв на мою просьбу. |
|
Цитата:
|
Цитата:
Разобралась с выводом чисел, полет отличный. Низкий поклон, господа!:thanks: |
JanettaJoo, заходи еще... :)
|
Очень сильно извиняюсь, а "data-price" - это самопальный параметр или есть такой атрибут?
|
Цитата:
|
Часовой пояс GMT +3, время: 09:16. |