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

Question

[gotohell]

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

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

Codepen.io

Answer 1

[Weishaypt]

$(window).on("load", function (e) {

    $(".euro").on("click", function(e){
        $(".priceNum").each(function(item,index){
            let price = $(this).html();
            $(this).attr("data-price", price)
        })
    })

})

Comments

[gotohell]

Не работает!

[Weishaypt]

gotohell, теперь должен работать

[gotohell]

Weishaypt, Подскажите пожалуйста почему не работает такая конструкция: ссылка

[Weishaypt]

gotohell, не особо понял смысл вашего кода, но код работает точно также как и в моём примере, то есть при нажатие любой из кнопок у вас изменяются все элементы с классом priceNum