Занести данные в переменные при клике
Здравствуйте! Подскажите пожалуйста, как при клике на такой элемент занести данные в разные переменные?
<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)"> <a href="#" class="zakaz-button">купить</a></span> Таких элементов на странице очень много, нужно при клике на ссылку заносить их в переменную, нужны значения data-price-rub data-price-kolvo data-type data-price-dollar Заранее спасибо, сам не знаю.. Пробовал так
$(".cart-icon").click(function () {
var data_price_dollar = $(this).data('data-price-dollar');
var data_price_rub = $(this).data('data-price-rub');
});
|
<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
<a href="#" class="zakaz-button">купить</a>
</span>
<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
<a href="#" class="zakaz-button">купить</a>
</span>
<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
<a href="#" class="zakaz-button">купить</a>
</span>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
$(document).on('click', '.cart-icon', function() {
var data_price_dollar = $(this).data('price-dollar');
var data_price_rub = $(this).data('price-rub');
var data_price_kolvo = $(this).data('price-kolvo');
var data_type = $(this).data('type');
console.log([data_price_dollar, data_price_rub, data_price_kolvo, data_type]);
});
</script>
|
Почему то у меня данный код не работает...по всякому уже пробовал..Скинул сайт в личку, если не трудно подскажите..
|
| Часовой пояс GMT +3, время: 14:01. |