攫取兄弟姐妹'；将html设置为元素'；带jQuery的s标题标记

我正在设置元素的title属性，并使用以下代码启动Fancybox：

var caption = jQuery('.fancybox').siblings('p.wp-caption-text').html();

jQuery('.fancybox').attr({ title:caption, 'data-fancybox-group': 'gallery1'}).fancybox();

当一个页面上只有一个

.fancybox

链接时，这种方法很有效，但问题当然是我想使用图库

上面将变量设置为页面上的第一个实例，因此所有标题都相同

我能做点像这样的事吗

jQuery('.fancybox').attr({ title:'jQuery(this).siblings('p.wp-caption-text').html();', 'data-fancybox-group': 'gallery1'}).fancybox();

请原谅我缺乏编码技能，但我希望对于更熟悉jQuery的人来说，这是一个简单的问题

---

正在进行的页面：

分别应用于每个页面：

var caption;
$('.fancybox').each(function(i, elem){
    // Grab the caption text
    caption = $(elem).siblings('p.wp-caption-text').html();

    // Set the attributes and initialize fancybox
    $(elem).attr({ title:caption, 'data-fancybox-group': 'gallery1'}).fancybox();
});

您的问题不清楚“data fancybox group”（数据fancybox组）属性的意义，但上面的代码将应用

gallery1

作为其值，并将其应用于类为

fancybox

的所有匹配元素

---

干杯

你可以让它变得更简单：拥有这个html

<a class="fancybox" data-fancybox-group="gallery1" href="image01.jpg">open image 01</a>
<p>I am the caption for the image 01</p>
<a class="fancybox" data-fancybox-group="gallery1" href="image02.jpg">open image 02</a>
<p>I am the caption for the image 02</p>

---

谢谢你，疯子！尽管像以前一样设置了

data fancybox group

，但这不知怎的阻止了图像以画廊的形式显示，希望我能弄明白。。。

jQuery(".fancybox").fancybox({
 beforeShow: function(){
  this.title = $(this.element).next('p').html();
 }
});