2015-06-30 133 views
0

我有不同的data-category属性的按钮。如何通过引用其ID来获取数据类别?获取数据类别ID

<button id="fru52" data-category="lychee">Fruit</button> 
<button id="veg17" data-category="veggie">Veggies</button> 
<button id="des29" data-category="apple-pie">Dessert</button> 

$('#getdata').on('click', function(){ 
    //how do I get the data-category of #veg17 ? 
}); 

回答

5

试试这个: -

$('#getdata').on('click', function(){ 
//how do I get the data-category of #veg17 ? 
var dataid=$('#veg17').attr('data-category'); 
//or 
    var dataid=$('#veg17').data('category'); 
}); 

或对#veg17

$('#veg17 ').on('click', function(){ 
//how do I get the data-category of #veg17 ? 
var dataid=$(this).attr('data-category'); 
//or 
    var dataid=$(this).data('category'); 
}); 
+0

美丽的点击。什么是更好的选项'.attr'或'.data'? – Becky

+0

http://stackoverflow.com/questions/7261619/jquery-data-vs-attr检查这个 –

+1

非常感谢,我没有意识到有这么多的差异。所以基本上使用'data()'是最好也是最常见的做法,但在某些特定情况下,您可能需要'attr()'... –