使用jQuery的数据属性

前端之家收集整理的这篇文章主要介绍了使用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
});

猜你在找的jQuery相关文章