javascript - 从 html 标签获取自定义属性

Question

这是我的代码：

<span class="button small pop1" data-bpopup='{"transition":"slideDown","speed":850,"easing":"easeOutBack"}'>Pop it up</span>

如何使用 jQuery 获取 data-bopopup 属性？

非常感谢。

Answer 1

使用 jQuery.data

var bpopup = $(".button.small.pop1").data("bpopup");

Answer 2

要获得全部内容：

$('.button').data('bpopup')

要获取transition值，您可以执行以下操作：

$('.button').data('bpopup').transition;

Answer 3

尝试这个

var bpopup = $(".button.small.pop1").data("bpopup");
alert(bpopup);