使用jQuery读取“data-id”属性

我正在尝试使用名为jRating的好插件，当我点击星星时，它应该会进行某种AJAX调用。它是这样做的，具有正确的费率值，但data-id属性（它将作为AJAX调用文件中的MySQL查询的输入）未定义（NaN）。这是代码：使用jQuery读取“data-id”属性

演示HTML：

<div class="exemple"> 
    <!-- in this exemple, 12 is the average and 1 is the id of the line to update in DB --> 
    <div class="basic" data-average="12" data-id="1"></div> 
</div>

jRating.jquery.js：

//Line 60: 
//idBox = parseInt($(this).attr('data-id')), // old version, idBox=Nan 
idBox = parseInt($(this).data("id")); // my version, still idBox=Nan

编辑：主PHP页面的头部jQuery的电话：

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".exemple").jRating({ 
     length:10, 
     decimalLength:0, 
     onSuccess : function(){ 
     alert('Success : your rate has been saved :)'); 
     }, 
     onError : function(){ 
     alert('Error : please retry'); 
     } 
    }); 
    }); 
</script>

我似乎无法弄清楚什么是错的。请帮我找到它。谢谢！

SOLUTION：

作为@ZachL认可， $(this)，在jRating.jquery.js指的是div.exemple，而该数据ID是在div.basic。

因此改变$(this).data("id")到$(this).find('.basic').data("id")工作。

来源

2013-04-04 void

我想象一下'$（this）'的问题。当你记录下来时，你会得到什么？ – 2013-04-04 22:28:28

'this'指向'div.basic'或'div.exemple'还是别的？ – biziclop 2013-04-04 22:29:13

我同意扎克。 '$（this）'可能不是你认为它的元素，因为$（this）.data（“id”）'应该工作。 – Steve 2013-04-04 22:29:34

据我所知，该脚本正在寻找<div class="exemple">上的数据属性，但它只存在于<div class="basic">。

你可以试试idBox = parseInt($(this).find('.basic').data("id"));

来源

2013-04-04 22:43:12

是的，这工作！我想知道代码在他们的演示页面中是如何工作的（或者不是）。谢谢大家，帮助:) – void 2013-04-04 22:46:43

假设您的问题不是$(this)，请使用$(this).data("id")获取data-id属性。确保你使用的是jQuery 1.6或更新的版本。

来源

2013-04-04 22:29:30 Mooseman

这不是问题，OP已经尝试过^^ – moonwave99 2013-04-04 22:30:01

他试过$（this）.attr（'data-id'）'，而且它不是检索数据属性的首选方法。 jQuery的'.data（）'方法是。 – 2013-04-04 22:31:00

@ moonwave99编辑。 – Mooseman 2013-04-04 22:31:50

使用jQuery读取“data-id”属性

回答

相关问题