Как использовать несколько data-price атрибутов для вывода в jquery?

Пользователь

от charles.orn , в категории: JavaScript , 3 месяца назад

Как использовать несколько data-price атрибутов для вывода в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от amber_moore , 3 месяца назад

@charles.orn 

Для получения нескольких атрибутов data-price и их использования в jQuery можно воспользоваться следующим способом:


HTML код:

1
Product 1


jQuery код:

1
2
3
4
5
6
7
8
$(document).ready(function() {
  $(".product").each(function() {
    var price = $(this).data("price");
    var discountPrice = $(this).data("discount-price");
    console.log("Price: " + price);
    console.log("Discount Price: " + discountPrice);
  });
});


В приведенном примере мы используем метод .data() в jQuery для получения значения атрибутов data-price и data-discount-price. Затем мы выводим эти значения в консоль. Метод .data() автоматически конвертирует значения в соответствующий тип данных, поэтому в этом случае нам не нужно явно конвертировать значения в число.


Если у вас есть несколько элементов с классом "product" и каждый элемент имеет свое собственное значение атрибутов data-price и data-discount-price, вы можете использовать метод .each() для итерации по каждому элементу и получения значений атрибутов для каждого.