jQuery - 1つの属性から可視テキストとして使用する値を取得する

Question

jQuery-UIタブ付きウィジェットにいくつかのカスタム拡張を追加します。私がやろうとしていることの1つは、対応するタブで画像のalt属性の値を取得することによって、各タブパネル内のリンクのテキストを自動化することです。私が経験している問題は、最初のタブでのみ機能し、他のタブはnull値を返すことです。

Here's a link to the test page.（それが問題に関連していないので、タブを実行するためのコードが含まれていません。）

そして、ここでは私に問題を与えているのjQueryのセクションです：

$('.imageTabs').find('.link').each(function() { 
    $(this).find('a').each(function() { 
     $(this).html($(this).parent('.link').parent('.ui-tabs-panel').prev('.ui-tabs-nav').children('li.' + $(this).parent('.link').parent('.ui-tabs-panel').attr('id')).children('a').children('img').attr('alt')); 
    }); 
}); 

Answer 1

あなたがしようとしています1行のIMOであまりにも多くを行うには、できるだけ$.find()の代わりにjQueryの組み込みセレクタを使用する必要があります。

便利なことに、各タブのhrefは#tab-1に設定されており、コンテンツ領域のjQueryセレクタとしても機能します。そう...作品？

$('.ui-tabs-nav a').each(function() { 
    var name = $(this).find('img').attr('alt'); 
    var ref = $(this).attr('href'); 
    $(ref).find('.link').text(name); 
});