RailsのajaxでHTMLを上手く書き換えられない件について

Question

いつもお世話になっています。
Railsのajaxの件で問題が発生しているので、ご教授願いたいです。

現在の状況

twitterのような「いいね機能」を作っており、いいねボタンを作成、createメソッドとdestroyメソッドが上手く動作していて、ログを見ると、

  Rendering youtube_likes/create.js.erb
  Rendered youtube_likes/create.js.erb (1.0ms)
Completed 200 OK in 169ms 

となっていますが、consoleでは

Uncaught SyntaxError: missing ) after argument list
    at processResponse (rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:244)
    at rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:173
    at XMLHttpRequest.xhr.onreadystatechange (rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:228)

と言うエラーが出ている状態です。

該当するコード

youtube_likes/create.js.erbは以下の通りになっています。

$("#likebutton_<%= @youtube.id %>").html("<%= button_to youtube_youtube_like_path(@youtube.id,@youtube_like.id), method: :delete, remote: true do %>いいねを消す<% end %>");

いいねボタンを設置しているyoutubes/_youtube.html.erbは以下の通りです

 <div id="likebutton_<%= youtube.id %>">
     <%= render 'youtube_likes/youtube_like', {youtube:youtube} %>
   </div>

そして、youtube_likes_controller.rbは以下の通りです。

  def create
    @youtube = Youtube.find(params[:youtube_id])
    @youtube_like = YoutubeLike.create(user_id: current_user.id, youtube_id: @youtube.id)
  respond_to do |format|
  format.html
  format.js
end
  end

長文になってしまいましたが、よろしくお願い致します。

Answer 1

解決できました。
解決したと言うより、そもそも以下のコードのようにdo endの形でjs.erbを使ったajaxが不可能なことがわかりました。

$("#likebutton_<%= @youtube.id %>").html("<%= button_to youtube_youtube_like_path(@youtube.id,@youtube_like.id), method: :delete, remote: true do %>いいねを消す<% end %>");

一応、私なりに考えた代替え案としては、
**
１、do endを使わずに１つにまとめる**

$("#likebutton_<%= @youtube.id %>").html("<%= j(button_to 'いいね',youtube_youtube_like_path(@youtube.id,@youtube_like.id), method: :delete, remote: true) %>");

上のコードのようにdo endを使わなければ、上手く動くはずです。

２、部分テンプレートを使う

いいねボタンといいねを消すボタンにそれぞれ部分テンプレートを用意してあげることで、js.erbを正常に動かすこともできます。