更新私はボタンで3つの要素と、一つの形持つ部分レールreplaceWithすべての要素3.1

Question

：私は送信ボタンを中クリックすると、フォームアクションを

<input type="submit" value="Follow All" class="follow_all"> 

<div id="page"> 
<div id="page01" class="pages"> page 1 </div> 
<div id="page02" class="pages"> page 2 </div> 
<div id="page03" class="pages"> page 3 </div> 
</div> 

は、ファイルにcreate.js.erbを呼び出します。

私は、このファイルで

：私はが各のdivコンテンツ（ページ1を、置き換えたい

<% @posts.each do |post| %> 
<%= post.id %> 
<% end %> 

：私が持っている部分_replace_all_divs.html.erbで

var $divs = ("#page .pages"); 
$($divs).replaceWith("<%= escape_javascript(render(:partial => 'replace_all_divs'))%>"); 

2ページ目および3ページ目）投稿ID。

私は:(悪い結果を得る：

<div id="page"> 
<div id="page01" class="pages"> 123 </div> 
<div id="page02" class="pages"> 123 </div> 
<div id="page03" class="pages"> 123 </div> 
</div> 

は、私は次の結果を得たい：

問題は、私は、それぞれがpost.idの3つのIDSをDIVために得ることです

<div id="page"> 
<div id="page01" class="pages"> 1 </div> 
<div id="page02" class="pages"> 2 </div> 
<div id="page03" class="pages"> 3 </div> 
</div> 

Answer 1

あなたはセレクタとして"#page .pages"を使用しているとして、replaceWith方法は、コンテンツのproduで3回、各1を実行します_replace_all_divs.html.erb（すべてのidsを連結するループ=> "123"）。

"#page"をセレクタとして使用し、のコンテンツを新しいdivに置き換えてください。

create.js.erb：

$('#page').empty().append('<%= render(:partial => 'replace_all_divs')%>'); 

_replace_all_divs.html.erb：

<% @posts.each do |post| %> 
<div id="page<%= post.id.to_s.rjust(2, '0') %>" class="pages"><%= post.id %></div> 
<% end %>