用jquery无法获取html5数据属性

Question

我试图用jQuery获取html5自定义数据属性。这些属性设置为数据库中的元素。它们是用html元素注入的，但是jQuery看不到它们。

所以这是我的自定义数据attrs的html元素：

<a data-price={{$product->price}} data-brand={{$product->brand . " " . $product->model}} id="model" data-toggle="modal" href="#shoppingcart" class="btn btn-danger btn-sm">Add to Cart</a>

但是使用jQuery我得到了未定义的值：

$("a#modal").on("click",function() {
            console.log($(this).data("price"));
});

有什么问题？

Answer 1

此元素没有ID modal。请尝试使用model代替e，HTML已id="model"

试试这个：

$("a#model").on("click",function() {
    console.log($(this).data("price"));
});