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

我有这样的HTML：@H_673_2@

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

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

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

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

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

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

最佳答案

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

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

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

对于多个元素：@H_673_2@

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

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

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

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

custom-data-attribute

上一篇：jQuery Zebra选择器下一篇：使用jQuery,如何模拟在$.ajax调用中

猜你在找的jQuery相关文章

JS虚拟键盘

由于是触摸屏，所以需要一款JS虚拟键盘。上网找了一个好用的VirtualKeyboard，作了修改。修改该插件参考的博客文章：http://www.cnblogs.com/xinggong/arch

JS 实现 HashMap

HashMap代码(这种实现方式是错误的，错误原因：代码中_map、_length变量是HashMap的所有实例共用的)： /** * HashMap * 2021年09月09日 */ (functi

jQuery Pagination分页插件的使用

一、引用CSS和JS：View Code二、HTML：View Code三、JS：$(function () { var @R_410_10586@l = parseInt("@(ViewBag.@R_410_10586@l)

JS数字键盘

JS数字键盘，JS小键盘CSS代码：#numberkeyboard{ border: 1px solid #b3b3b3; BACkground: #f2f3f7; height: 285px; ma

JS 闭包 BUG

C.js代码： /** * 有BUG */ (function (global) { var _id; var _map; var _length; global.C = function () {

@L_489_42@

一、节点模糊搜索功能：搜索成功后，自动高亮显示并定位、展开搜索到的节点。二、节点异步加载：1、点击展开时加载数据；2、选中节点时加载数据。前台代码如下：View Code View Code后台代码（

图片左右滚动

需求：页面显示教师信息列表，列表中每一条数据显示图片滚动插件，每张图片的长宽及长宽比例各不相同。前提条件：美工把静态页面写好 HTML代码： @using Models; @{ List<cm

javascript js 完美解决 click 与 dblclick 冲突，并且不会导致click延迟

示例代码： marker.addEventListener("click", function(){ if (!window.markerClicked) { window.mar

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

猜你在找的jQuery相关文章

大佬总结