Javascript 如何在jQuery中使用数据属性？

我的jQuery选择value属性。如何更改jQuery以选择数据属性“数据价格”

HTML:

$（'option'）.attr（'data-price'）
试试这个

 $('#trapsize option:selected').data('price'); 

使用您的代码

$('#trapfabric, #trapsize').on('change', function() {
  sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));
  $('#priceToSwap3').html('$' + sum); 
});

示例fiddle以获取数据属性
$（el.data（'price'）

演示：

或

后者是更好的方法


在您的代码中，它将是：

sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));


有关
data（）
的详细信息请尝试：

 $('#trapsize option:selected').data('price');  

 $('#trapfabric option:selected').data('price');

你的职能应该是,

$('#trapfabric, #trapsize').on('change', function() {
   sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));
   $('#priceToSwap3').html('$' + sum);
})  

您可以使用jqueryattr

$("your dom").attr("data-price")

甚至可以基于属性获取和设置值

$("[data-price=238]").attr("data-price", 0);

或者，更好的是，
.data（'price'）
可能重复@roXon是的，这是一个重复，因为我在上一篇文章中没有正确表达我的问题，因此它令人困惑。嗨，阿伦，我也尝试了你的建议，但在我的情况下，它不起作用：
sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));

 $('#trapsize option:selected').data('price');  

 $('#trapfabric option:selected').data('price');

$('#trapfabric, #trapsize').on('change', function() {
   sum = parseInt($('#trapsize option:selected').data('price')) + parseInt($('#trapfabric option:selected').data('price'));
   $('#priceToSwap3').html('$' + sum);
})  

$("your dom").attr("data-price")

$("[data-price=238]").attr("data-price", 0);