Question

使用Ruby-on-rails我编写了这样的代码

 <% for i in 0..29 %>
      <%= @yes_word = @moeum_set.map{|w| w.word}[j-1 - (score.sort_by(&:to_i)[j-1-i]%ten)] %>
  <% end %>

此代码以递归方式显示30个单词（@yes_word）但是我想在一个div（15:15）

中以并行布局显示这些

喜欢这个

Apple Banana
Kiwi  Grape
Mango Citrus
 ...   ...

以上代码由Ajax工作

var search_word = $('#input').val().split(" ").pop();
            $.ajax({
            url : '/jadu/output_merge',
            data : {
                word_name : search_word

            },


            success : function(html) {
                $('#result').html(html);
            }
            });

这是我的HTML CODE包含结果

<div class="panel panel-default">
     <div class="panel-body" id="result">
          The words that researched
     </div>
</div>

Answer 1

假设您的@yes_word数组看起来像这样：%w{Apple Banana ...}，这里是将其转换为两列布局的代码（使用Bootstrap）：

<% @yes_word.each_slice(2) do |word1, word2| %>
  <div class="row">
    <div class="col-sm-6"><%= word1 %></div>
    <div class="col-sm-6"><%= word2 %></div>
  </div>
<% end %>

Answer 2

尝试此操作，再次假设您有要显示的字符串数组

<%- @yes_word.in_groups_of(2) do |group| %>
  <div class="row">
    <%- group.each do |w| %>
      <div class="col-sm-6"><%= w %></div>
    <% end %>
  </div>
<% end %>

希望这有帮助。

好吧，看起来你是根据我不理解的一些标准对你的单词进行排序，但如果你可以将你的代码更改为喜欢这样的代码，那么上面的代码将起作用

@yes_word = []
<% for i in 0..29 %>
  <%= @yes_word << @moeum_set.map{|w| w.word}[j-1 - (score.sort_by(&:to_i)[j-1-i]%ten)] %>
<% end %>

我想把结果分成两部分（并行布局）

2 个答案: