使用jQuery的数据属性

我有这个按钮：

<button type="button" class="themeChanger" data-themeValue="grid" value="Grid">
   <img src="templateImages/Icon_200.png" />                
</button>

而这个jQuery：

$(".themeChanger").click(function () { 
    alert($(this).attr("data-themeValue")); 
    alert($(this).data("themeValue")); 
});

由于某种原因，第一个警报会显示“网格”，但第二个显示未定义。有没有什么愚蠢我失踪了？

解决方法

我认为数据将在下面的小图上：alert($(this).data(“themevalue”))// grid

或者如果要使用themeValue，您需要使用：

编辑：

我错了，它没有与小写的任何事情，你可以使用themeValue如果你有属性：data-theme-value然后你调用它与$(element).data(“themeValue”)

<button class="themeChanger" data-themeValue="Theme1" data-theme-value="Theme2"></button>

$(".themeChanger").click(function() {
    var el = $(this);

    alert($(this).data("themeValue")); //Theme2
    alert($(this).data("themevalue")); //Theme1
});