rails6 jquery 画像差し替え(attachment_image_tag)

Question

rails初学者です。

今回、フリマアプリのshowページでプレビューをクリックで差し替えたいのですが方法が思いつかないので質問させてください。

app/views/books/show.html.erb

<div class="columns">
  <div class="column is-8">
    <div class="card-image">
      <div class="img-box-book-show">
        # クリックした時にここの画像がクリックした画像に差し代わる
        <%= attachment_image_tag @book.book_images[0], :image, id: 'book-image' %>
      </div>
    </div>
  </div>
  <div class="column is-4">
    <ul class="columns is-multiline">
      <% @book.book_images.each do |image| %>
        <li class="column is-5">
          # クリックする画像
          <a class="book-image-mini"><%= attachment_image_tag image, :image %></a>
        </li>
      <% end %>
    </ul>
  </div>
</div>

最初下のようにsrcの変更で試しましたが、DBから引っ張ってきているのでダメでした。
良い書き方があれば教えていただきたいです。よろしくお願いいたします。

book.js

$(function() {
  $('.book-image-mini').click(function() {
    var src = $(this).attr('src');
    $('#Book-image').attr('src', `${src}`);
  });
});

Answer 1

自己解決できました。
方法は簡単で、attachment_field_tagはhtmlだとimgに変換されるのでimgのsrcをjqueryで入れ替えればOKです。今回DBから画像を引っ張ってきていたので通常のjqueryでいけるかなと思ったのですが、全然いけました(笑)大事なのはセレクタがあっているかどうか、#.のつけ忘れはないか、タイプミスはないか確認することですね...

// クリックイベントに以下を追加
var src = $(this).find('img').attr('src');
$('#book-image').attr('src', src);