跨多个链接的Fancybox Observer？

Question

如果我有这个标记：

<a href="#" data-fancybox-content="<p>Content 1</p>"> Click Here for Content 1</a>
<a href="#" data-fancybox-content="<p>Content 2</p>"> Click Here for Content 2</a>
<a href="#" data-fancybox-content="<p>Content 3</p>"> Click Here for Content 3</a>
<a href="#" data-fancybox-content="<p>Content 4</p>"> Click Here for Content 4</a>

我想为每个人设置我的fancybox观察者，但我希望弹出设置的content为每个链接的数据 - fancybox-content，有没有办法一举做到这一点？

Answer 1

想出来，这就是我的表现：

$('a').each(function() {
    $(this).fancybox({
        content: $(this).attr('data-fancybox-content'),
    });
});