非同期通信にてリロードを行わないと更新されない問題について

Question

ブックマークボタンの非同期通信化を行なっています。
コンソール・ブラウザ上でエラーが表示されないのですが、リロードを行わないとブックマークボタンが更新されない状態です。
下記にて非同期通信の実装時に作業していたJSファイル・コントローラー・htmlを載せておりまして、原因についてご教示いただけませんでしょうか。
何卒よろしくお願いいたします。
(別途必要なファイルや情報がありましたら、コメントを頂きますとご返信させていただきます)

↓user/bookmarks/destroy.js.erb

$("#shop_<%= @shop.id %>.bookmark-btn").html("<%= j(render "user/shops/show", shop: @shop, user: @user) %>");

↓user/bookmarks/destroy.js.erb

$("#shop_<%= @shop.id %>.bookmark-btn").html("<%= j(render "user/shops/show", shop: @shop, user: @user) %>");

↓user/bookmarks_controller.rb

class User::BookmarksController < ApplicationController
  before_action :authenticate_user!

  def show
    @bookmarks = Bookmark.where(user_id: current_user.id).page(params[:page]).reverse_order
  end

  def create
    @user = current_user
    @shop = Shop.find(params[:shop_id])
    bookmark = Bookmark.new(user_id: current_user.id, shop_id: @shop.id)
    bookmark.save
    flash[:success] = 'ブックマークしました'
    # 非同期通信かのため下記削除
    # redirect_to request.referer
  end

  def destroy
    @user = current_user
    @shop = Shop.find(params[:shop_id])
    bookmark = @shop.bookmarks.find_by(user_id: current_user.id)
    bookmark.destroy
    flash[:success] = 'ブックマークを外しました'
    # 非同期通信化のため下記削除
    # redirect_to request.referer
  end
end

↓user/shop/show.html.erb
上から3行目/5行目がブックマークボタンの箇所です

<tr id="shop_<%= @shop.id %>">
<% if @shop.bookmarked_by?(current_user) %>
  <td class="bookmark-btn"><i class="fas fa-check"></i><%= link_to "ブックマークを外す", user_shop_bookmarks_path(@shop.id), method: :delete, remote: true, :class => "btn btn-primary" %></td>
<% else %>
  <td class="bookmark-btn"><i class="fas fa-check-circle fa-fw fa-lg"></i><%= link_to "ブックマーク", user_shop_bookmarks_path(@shop.id), method: :post, remote: true, :class => "btn btn-primary" %></td>
<% end %>
  <td>
  <% if @user.reviews.find_by(shop_id: @shop.id) %>
    評価いただきありがとうございます!
  <% else %>
    <i class="far fa-thumbs-up fa-fw fa-lg faa-tada animated"></i><%= link_to "評価する", new_user_shop_review_path(@shop.id), :class => "btn btn-primary" %>
  <% end %>
  </td>
</tr>

↓user/shop/_show.html.erb
上から3行目/5行目がブックマークボタンの箇所です

<tr id="shop_<%= shop.id %>">
<% if shop.bookmarked_by?(current_user) %>
  <td class="bookmark-btn"><i class="fas fa-check"></i><%= link_to "ブックマークを外す", user_shop_bookmarks_path(shop.id), method: :delete, remote: true, :class => "btn btn-primary" %></td>
<% else %>
  <td class="bookmark-btn"><i class="fas fa-check-circle fa-fw fa-lg"></i><%= link_to "ブックマーク", user_shop_bookmarks_path(shop.id), method: :post, remote: true, :class => "btn btn-primary" %></td>
<% end %>
  <td>
  <% if user.reviews.find_by(shop_id: shop.id) %>
    評価いただきありがとうございます!
  <% else %>
    <i class="far fa-thumbs-up fa-fw fa-lg faa-tada animated"></i><%= link_to "評価する", new_user_shop_review_path(shop.id), :class => "btn btn-primary" %>
  <% end %>
  </td>
</tr>

Answer 1

$("#shop_<%= @shop.id %>.bookmark-btn") この記述でしたら
<tr id="shop_<%= @shop.id %>" class="bookmark-btn"> ですね。
で、
_show.html.erb　の方は tr 外して。

Comments

[runban]

解決しました！ありがとうございます！