Javascript FancyBox'；来自同级容器的标题

我遇到了一个非常简单/愚蠢的问题，而我对jQuery知识的缺乏并没有帮助

原则上，我有一个有多张图片的厨房，并希望使用带有一些HTML标记的同级块作为FancyBox的标题。以下是我的问题的基本情况：

HTML:

---

任何帮助都将不胜感激：）

您应该将功能更改为

afterLoad

$(".fancybox").fancybox({
    afterLoad: function () {
        this.title = $(this.element).parent().siblings('.captionClass').html()
    },
    helpers: {
        overlay: {
            css: {
                'background': 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});

---

演示：

fancybox div不是.captionClass divthis.title=$（this.parent（）.sides（'.captionClass'）的同级@Sambatat谢谢，这很明显！：）不幸的是，虽然它仍然不起作用，但我的直觉告诉我它与FancyBox有关，因为到目前为止，我还没有在我的研究中看到一个有效的

-标题…也许（检查链接的答案）很有魅力，谢谢！虽然我需要使用.HTML（）的HTML标记，但它仍然有效。现在我只需要把头绕在CSS上；）是的。html（）也应该可以，我不知道为什么我会这么说：）

$(".fancybox").fancybox({

  'beforeLoad' : function() {
     this.title = $(this).siblings('.captionClass').html();
  }

 });

$(".fancybox").fancybox({
    afterLoad: function () {
        this.title = $(this.element).parent().siblings('.captionClass').html()
    },
    helpers: {
        overlay: {
            css: {
                'background': 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});