Railsループを含む入れ子のjQueryループ

Question

Railsループ内でjQueryループをネストしようとしていますが、運がないわけではありません。

<% entry.videos.each do |video| %> 
    <input type="hidden" class="url" value="<%= video.url %>"> 
    <div class="videos" src=""></div> 
<% end %> 

とjQuery：jYoutubeはちょうどユーチューブ動画からサムネイルをつかむための方法である

$('.url').each(function() { 
    var urlThumb = $.jYoutube($(this).val(), 'small'); 
    var url = $(this).val(); 
    $('.videos').append($('<div class="vidya"><a href="'+url+'" rel="prettyPhoto" class="youtubeLink"><img src="'+urlThumb+'" class="overlay"/></a></div>')); 
      }); 

ここレールです。

問題は、サムネイルをそれぞれのエントリに挿入するのではなく、すべてのサムネイルをビデオ付きのすべてのエントリに挿入することです。

Answer 1

兄弟機能を使用すると、対応するdivを動画クラスでフィルタリングできます。

例：

$('.url').each(function(){ 
var urlThumb = $.jYoutube($(this).val(), 'small');  
var url = $(this).val();  
$(this).siblings('.videos').append 
(
    $('<div class="vidya"><a href="'+url+'" rel="prettyPhoto" class="youtubeLink"><img src="'+urlThumb+'" class="overlay"/></a></div>') 
);  
}); 

Answer 2

私はそれはもう、各エントリにthumbailsの全てを組み合わせることが、2つの以上のURLを持つエントリごとにされていない

$('.url').each(function (index) { 
    var urlThumb = $.jYoutube($(this).val(), 'small'); 
    var url = $(this).val(); 
    $('.videos').append($('<div class="vidya"><a href="'+url+'" rel="prettyPhoto" class="youtubeLink"><img src="'+urlThumb+'" class="overlay"/></a></div>')); 
});