javascript - 将 queryselectorall 与类一起使用

Question

我有一条线 <div class="price-box price-final_price" data-role="priceBox" data-product-id="176">在一个大的 html 文件中。

我需要存储 product-id 的值在一个变量中，以便我可以全局访问它。

我想用

var var_productid = document.querySelectorAll('div[data-role="priceBox"]')[0].data-product-id;

但它不起作用。我做错了什么？

Answer 1

如果你想使用纯 javascript 你可以使用 .getAttribute() 方法

var var_productid = document.querySelectorAll('div[data-role="priceBox"]')[0].getAttribute('data-product-id');

如果你想使用jquery，你可以这样做

var var_productid = $('div[data-role="priceBox"]').eq(0).attr('data-product-id');