Как собрать данные и сохранить в переменную?

Question

[gotohell]

Как собрать данные из элементов и разместить их в атрибутах data-

Я делаю так:

$(document).ready(function() {
  $('.euro').on ('click', function() {
price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });


$(document).ready(function() {
  $('.tenge').on ('click', function() {
price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });


  $(document).ready(function() {
  $('.usd').on ('click', function() {
 price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });

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

Помогите пожалуйста!

Answer 1

[Олег]

Попробуйте так:

$(document).ready(function() {
  $('.usd, .tenge, .euro').on ('click', function() {
 price = $(this).parent('.priceNum').html(); 
$(this).parent('.click_pay').attr('data-price', price);
    });
  });

Comments

[gotohell]

Не срабатывает, гляньте пожалуйста ссылка

Answer 2

[Антон Неверов]

Чё-то вы лишнего нафигачли.
Простое решение:

$(document).ready(function() {
    $('.currency').on('click', function() {
        const price = $(this).closest('.priceNum').html();
        $('.click_pay').data('price', price);
    })
});

Просто добавьте к вашим .usd, .euro и .tenge класс currency
И зачем вам столько document.ready? Хватит одного.

Comments

[gotohell]

Не срабатывает, гляньте пожалуйста ссылка

[Антон Неверов]

И что вы хотите сделать?

[gotohell]

Антон Неверов, Я хочу что бы при выборе валюты цены менялись, они на данный момент меняются у меня, но вот когда добавляешь в корзину цены ставятся старые.

[Антон Неверов]

Здесь всё намного сложнее. Вам нужно везде заменять цены, не только в каталоге. Используйте тот же скрипт, только везде добавьте свои

<span class="priceNum" data-tenge="1000" data-euro="777" data-usd="500">1000</span>

Answer 3

[fallus]

$(function(){
	$(document).on('click', '.euro, .tenge, .usd', function(e){
		e.preventDefault();
		var that = $(this);
		var dataSelector = 'data-' + $(this).text().toLowerCase();
		$('.priceNum').each(function(idx, elm){
			$(elm).html($(elm).attr(dataSelector) + ' <div class="cenov">' + that.text() + '</div>')
		});
	});
})

P.S. Нет, я не конченый.