ruby - content_for的li>ul>li类型的嵌套

问题描述

问 题

在Rails的helper中，我建立这样一个方法：

def ul_li_ul_nest
  fruit = %w(apple watermelon orange pear pineapple)
  info = %w(price place weight)
  content_tag(:ul) do
    fruit.collect do |i|
       content_tag(:li) do
        i 
        content_tag :ul do
          info.collect do |ii|
            content_tag :li do
              ii
            end
          end.join('').html_safe
        end
      end
    end.join('').html_safe
  end
end

它输出的结果是：

<ul>
  <li>
  <ul>
    <li>price</li>
    <li>place</li>
    <li>weight</li>
  </ul>
  </li>
  <li>
  <ul>
    <li>price</li>
    <li>place</li>
    <li>weight</li>
  </ul>
  </li>
  <li>
  <ul>
    <li>price</li>
    <li>place</li>
    <li>weight</li>
  </ul>
  </li>
  <li>
  <ul>
    <li>price</li>
    <li>place</li>
    <li>weight</li>
  </ul>
  </li>
  <li>
  <ul>
    <li>price</li>
    <li>place</li>
    <li>weight</li>
  </ul>
  </li>
</ul>

而我期望的输出结果是：

<ul>
  <li>
    apple
    <ul>
      <li>price</li>
      <li>place</li>
      <li>weight</li>
    </ul>
  </li>
  <li>
    watermelon
    <ul>
      <li>price</li>
      <li>place</li>
      <li>weight</li>
    </ul>
  </li>
  <li>
    orange
    <ul>
      <li>price</li>
      <li>place</li>
      <li>weight</li>
    </ul>
  </li>
  <li>
    pear
    <ul>
      <li>price</li>
      <li>place</li>
      <li>weight</li>
    </ul>
  </li>
  <li>
  pineapple
    <ul>
      <li>price</li>
      <li>place</li>
      <li>weight</li>
    </ul>
  </li>
</ul>

如何修改才能达到这种结果？

解决方案

def ul_li_ul_nest
  fruit = %w(apple watermelon orange pear pineapple)
  info = %w(price place weight)
  content_tag(:ul) do
    fruit.collect do |i|
       content_tag(:li) do
        i.html_safe + content_tag(:ul) do
          info.collect do |ii|
            content_tag :li do
              ii
            end
          end.join('').html_safe
        end
      end
    end.join('').html_safe
  end
end

这篇关于ruby - content_for的li>ul>li类型的嵌套的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！