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

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用jQuery访问数据属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

我有这样的HTML

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

$('.star-rating').jRate({
    startColor : '#ccc',endColor : '#ccc',readOnly : true,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窗格本身中添加了缩小的代码

猜你在找的jQuery相关文章