사용자 레일의 각 루프

Question

• 루비 2.0.0p247
• 레일 4.0.0

어떻게 내 루프의 HTML 콘텐츠를 대체하는 방법?

- @recipes.each do |recipe| 
    = image_tag "path.png", :height => "?", :width => "?" 

폭스 예 :

예상 출력과 같은 것입니다 :

image_tag "medium-01.png", :height => "200", :width => "350" 

image_tag "small-02.png", :height => "183", :width => "285" 
image_tag "small03.png", :height => "183", :width => "285" 
image_tag "small-04.png", :height => "183", :width => "285" 
image_tag "small-05.png", :height => "183", :width => "285" 

image_tag "medium-06.png", :height => "200", :width => "350" 
image_tag "medium-07.png", :height => "200", :width => "350" 

image_tag "small-08.png", :height => "183", :width => "285" 
image_tag "small-09.png", :height => "183", :width => "285" 

결과 노호 원하는 :

가 JQuery와 나는 이런 짓을. 어쩌면 도움이 될지 :

$("div").each(function(i, element) { 
    if (i % 5 == 0 || i % 6 == 0) { 
     $(this).css({"background":"dark_gray_color"}); 
    } 
    else { 
     $(this).css({"background":"magenta_color"}); 
    } 
}); 

나는 분명합니까?

Answer 1

루비의 Enumerable#each_with_index을 사용하여 게시 한 jquery와 비슷한 루프를 만드십시오.

@recipes.each_with_index do |recipe, i| 
    if [0,5,6].include? i 
    h, w = 200, 350 
    else 
    h, w = 183, 285 
    end 

    image_tag "path.png", :height => "#{h}", :width => "#{w}" 
end 

Answer 2

이 코드는 원하는 결과를 얻습니다. 햄 (HAML) 테스트가 제대로되어 있는지 확신 할 수 없습니다.

- @recipes.each.with_index do |recipe, i| 
    - if [i, i % 5, i % 6].any?(&:zero?) 
     = image_tag "medium-#{'%02d' % (i + 1)}.png", :height => "200", :width => "350" 
    - else 
     = image_tag "small-#{'%02d' % (i + 1)}.png", :height => "183", :width => "285" 
    - end