从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);