Rails中的Ajax：将许多元素替换为许多元素

Question

我这里有@posts，当用户点击触发ajax的按钮时，@ post更改为另一个@other_posts。 ERB可能看起来像这样

    <div class="posts">
      <% @posts.each do |post| %>
          <%= post.title %>
      <% end %>  
    </div>   

生成的html

    <div class="posts">
          post1 title
          post2 title
          post3 title 
    </div>   

在Ajax之后，html应该看起来像

    <div class="posts">
          post4 title
          post5 title
          post6 title 
    </div>  

如何在AJAX中完成？像$(@posts).replaceWith(@other_posts);这样的东西，但这里是数组。

我认为对<div class="posts">和replaceWith()调用很容易，但是感觉很难看吗？