jQuery .attr() 多个属性

Question

尝试使用 .attr 函数检索元素的属性。我使用类属性动态创建输入元素并将值分配给类属性。

$('.item-selection-amount').click(function(){
    console.log($(this).attr('class'));
});

这将返回:

item-selection-amount ui-corner-all price
item-selection-amount ui-corner-all 66.00

价格总是不同的，但是是否可以提取类属性的第三个值，例如attr('class[2]')等？

Answer 1

您错误地使用了class属性。
它旨在用于视觉呈现。

您想要做的是将数据附加到元素。

为此，您可以使用 HTML5 data- 属性:

$('.item-selection-amount').data('price', 66.00);
// ... later
$('.item-selection-amount').click(function(){
  console.log( $(this).data('price') );
});

如果您想向元素添加价格，只需在服务器上呈现类似于以下内容的 HTML:

<li class='item-selection-item' data-price='66.00'>Something</li>