Railsでjs.erbファイルにparams[id]を渡したい

Question

###前提・実現したいこと
実現したいこと
Rails × Ajaxでいいねボタン機能をつくっています。具体的には
Viewにはユーザーのpost一覧（そのpost１つ１つにいいねぼたんがついている）
いいねボタンを押したらcontrollerで処理をした後にjs.erbファイルでいいねボタンをいいねする前と違う画像に変換する。

この時にいいねボタンを押したpostに対して画像の変換を行いたいので、いいねボタンを押した時にそのpostに紐付いているid（params[id]）をjs.erbファイルに送ってそのidを使って画像を変換させたいです。

しかし、params[id]をどうjs.erbファイルに送ればいいのかわかりません。

（最後のそこ以外はcontrollerもviewも特に問題なく動いています。）

前提
使っているモデルは３つです。
User

class User < ActiveRecord::Base
  has_many :creators
  has_many :likes

Creator(post）

class Creator < ActiveRecord::Base
  belongs_to :user
  has_many :likes, dependent: :destroy

Like（各postのいいね）

class Like < ActiveRecord::Base
  belongs_to :creator, counter_cache: :likes_count
  belongs_to :user

###該当のソースコード
app/views/creators/index.html.erb

<%= render 'creators/creator' %>

app/views/creators/_creator

<% @creators.each {|v| %>

<div class="row">
    <div class="col-md-7">
      <% if v.imagevalue %>
        <a href="#">
          <%= image_tag v.image.thumb.url, :class => "img-responsive" %>
        </a>
      <% else %>
      <a href="#">
        <%= image_tag("nowprinting400.gif", :size => '250x300') %>
      </a>
      <% end %>
    </div>
    <div class="col-md-5">
        <h3><%= v.name %></h3>
        <p><%= v.description %></p>
        <div class="row">
          <div class="col-md-8">
            <% v.tag_list.each do |tag| %>
              <span class="label label-primary"><%= tag %></span>
            <% end %>
          </div>

#ここから

          <div class="col-md-4">
            <% if v.like_user(current_user.id) %>
              <%= image_tag("new_like2.png") %>
              <%= v.likes_count %>
            <% else %>
              <%= button_to creator_likes_path(v.id), id: v.id, remote: true do %>
                <%= image_tag("new_like.jpg") %>
                <span>
                  <%= v.likes_count %>
                </span>
              <% end %>
            <% end %>
          </div>

#ここまでがいいねボタンです

        </div>
          <%= button_to v.name, creator_path(v.id), method: :get, class: "btn btn-primary"%>
     </div>
</div>
<hr>
<% } %>

app/controllers/likes_controller.rb

class LikesController < ApplicationController

  def index
    @creators = Creator.all
  end

#いいねボタンを押したらこっちに渡ります
  def create
    @like = Like.create(user_id: current_user.id, creator_id: params[:creator_id])
    @likes = Like.where(creator_id: params[:creator_id])
    @creators = Creator.all
    @id = params[:creator_id]
  end
end

app/views/likes/create.js.erb

#ここで@idにparams[:id]が渡ってきてほしい！
id = @id;
$("#"+id).html("<%= j(render partial: 'like', locals: { creator: @creators, likes: @likes, like: @like}) %>");

###試したこと
以上のようにjs.erbファイルに値が渡るように試みましたができませんでした。js.erbファイルにparams[:id]を渡す方法、ご存知でしたらご教授お願いいたします。。。

Answer 1

js.erbはあくまでerbファイルなので、まずerbがレンダリングされてjsが生成される、と言う事を意識すれば、自ずと問題点がわかるかと思います。
つまり、ruby側からjsに値を渡したいなら、jsのソースにerb形式でrubyのソースを埋め込む必要があるという事です。

// ここで@idにparams[:id]が渡ってきてほしい！
id = <%= @id %>;
//   ^^^^^^^^^^^
$("#"+id).html("<%= j(render partial: 'like', locals: { creator: @creators, likes: @likes, like: @like}) %>");

と言う事ですね。

Comments

[hisataka]

解決できました、ありがとうございます！！
erbについて知識が浅かったです、勉強になりましたし大変助かりました。これからこういうところももっと調べようと思いました、改めてありがとうございました！