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的：

$('.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>')); 
      }); 

其中jYoutube只是从YouTube视频抢缩图的方法。

问题是，相对于将缩略图插入到相应的条目中，它会将所有缩略图插入到具有视频的所有条目中。

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

试试这个我不知道

$('.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>')); 
});