Fancybox - получить HTML из элемента на основе идентификатора?

Question

У меня есть следующий фрагмент;

$("a.lightbox_image").each(function () {
        $(this).fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,
            'content': $('#lightbox_image_content_'+this.id.replace('lightbox_image_','')).html()
        });
    });

Но вышеизложенное не получает контент от элемента, на который ссылается свойство content - что я делаю неправильно?

Answer 1

Проблема решена.Оказывается, нельзя иметь {} в this.id.После удаления их из идентификатора все заработало.

Answer 2

функция замены нуждается в регулярном выражении, поэтому попробуйте replace(/lightbox_image_/, '') и попытаться получить val() вместо html()

$("a.lightbox_image").each(function () {
  var id = "lightbox_image_content_"+this.id.replace(/lightbox_image_/,'');
  var content = $("#"+id).html();
        $(this).fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,
            'content': content;
        });
    });