いいねの非同期化 全て変わってしまう時の対処法

いいねの非同期化を実装し、課題も提出完了していたものの…
クリックしていない投稿も画面が変わってしまうことが発覚

問題だったのはこの箇所↓

create.js.erb

$('.favorite-btn').html("<%= j(render 'favorites/favorite-btn', book: @book) %>");

createやdeleteを実行したときのjs.erbファイルの記載が誤っていました。
<%= @favorite.book_id %>の記載がなかったため選択していなかった投稿にも更新が適用されてしまっていたようです。
↓

create.js.erb

$('.favorite-<%= @favorite.book_id %>').html("<%= j(render 'favorites/favorite-btn', book: @book) %>");