javascript - ワードプレスでキャプションテキストを使用してファンシーボックスのタイトルを設定する

Question

Fancybox には、title タグから値を取得する title 属性があります。

  jQuery.fn.getTitle = function() { 
var arr = jQuery("a.fancybox");
jQuery.each(arr, function() {
    var title = jQuery(this).children("img").attr("title");
    jQuery(this).attr('title',title);
})

}

タイトルの代わりにキャプションの属性をコピーできるようにしたい

         <dl class="gallery-item">
        <dt class="gallery-icon portrait">
            <a href="***.jpg" class="fancybox" rel="fancybox" title="">
                              <img  src="*****.jpg" alt="item name"></a>
        </dt>
        <dd class="wp-caption-text gallery-caption">
             item name
        </dd>
         </dl>

これまでのところ、タイトルを次のように変更しようとしました

          jQuery( this ).children("img").next().text();

                  and 

         jQuery( this ).parent("dt").next().text();  

しかし、それは役に立ちませんでした。それを機能させる他の方法。

Answer 1

私も同じ問題を抱えていました。次のように動作しました：

$('dl.gallery-item').each(function(){
    var caption = $(this).find('dd.wp-caption-text').text();
    $(this).find('a').attr('title',caption);
    $(this).find('dd.wp-caption-text').remove();    
});