jQuery .attr()多个属性

Question

尝试使用.attr函数检索元素的attirbutes.我使用动态创建一个输入元素,并将值赋给class属性.

$('.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>