get custom attribute from html tag

Question

this is my code:

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

How can I get data-bopopup attribute with jQuery?

Thanks a lot.

Answer 1

To get the whole thing:

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

To get the transition value, you can do:

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

Answer 2

Use jQuery.data

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

Answer 3

try this

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