Question

我想问一下如何用jquery点击图像中的数据价格？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<body>
<img id="1" src="" data-price="5">
<img id ="2" src="" data-price="10">
<div id="sum"></div>
</body>
</html>

提前感谢。

Answer 1

您可以使用.data()

获取数据价格

试试这个：

$('#1, #2').click(function() {
    alert( $(this).data('price') );
    var sum = parseInt( $('#1').data('price')) + parseInt( $('#2').data('price'));
    alert(sum);
    $('#sum').html(sum);
});

DEMO

Answer 2

定位图像的ID，并附加一个事件处理程序，然后单击，获取data（）的数据属性

$('#1, #2').on('click', function() {
    alert( $(this).data('price') );
});

如果你不知何故需要在#sum元素中加以总结，你应该具体询问一下。

修改

现在你做到了？

$('#1, #2').on('click', function() { var data1 = parseInt( $('#1').data('price') ,10); var data2 = parseInt( $('#2').data('price') ,10); $('#sum').text(data1 + data2); });

获取数据价格jquery

2 个答案: