javascript – 如何使用jQuery访问数据属性

我正在努力解决可能是一个非常简单的jQuery

我有这样的HTML：

rating" data-star-rating="5.0">rating" data-star-rating="2.0">

我有一些javascript,需要根据每个元素的星级评分做一些事情,目前看起来像这样：

$('.star-rating').jRate({
    startColor : '#ccc',endColor : '#ccc',readOnly : true,rating : rating>
});

我想要替换< data-star-rating>使用与当前正在处理的元素相关的数据属性的值

我认为这会起作用$(this).data(‘starrating’)但它似乎没有

在这种情况下如何访问data属性的值？

最佳答案

$(this)不引用调用jRate函数的元素.

如果只有一个元素具有该类,则可以使用选择器

$('.star-rating').jRate({
    startColor : '#ccc',rating : $('.star-rating').data('star-rating')
});

对于多个元素：

迭代具有星级评级的所有元素,并使用相应元素的评级值单独附加插件jRate.

$('.star-rating').each(function () {
    $(this).jRate({
        startColor: '#ccc',endColor: '#ccc',readOnly: true,rating: $(this).data('star-rating')
    });
});

JSFiddle Demo没有找到该插件的CDN链接,因此在JavaScript窗格本身中添加了缩小的代码