Railsで、テーブル行に設置してある各保存ボタンから対象行のデータをDBに保存したい

Question

※ プログラミング初心者です。失礼があったら申し訳ございません

実現したいこと

下記のような表を作成して、tdの最後にボタンを設置し、保存ボタンが押されたtr行のデータをDBに保存したいと考えております。

%table
  %thead
    %tr
      %th rec
      %th name
      %th act
  %tbody
    %tr
      %td 1
      %td testname
      %td
        %button{type: "button} 保存

保存のリクエストは、コントローラーのcreateアクションで受けて保存する予定です。

class SearchWordsController < ApplicationController
  def create
   SearchWord.create(product_params)
  end

  private
  def product_params
    # 処理
  end
end

発生している問題

保存ボタンを押下時に、テーブル行のデータをどうやって取得して、どのようにリクエストを投げればよいのかイメージが全く湧きません。

form_withであれば、url、methodを指定して、コントローラー側ではparamsメソッドで受け取れると思うのですが、上記のようなテーブル業の場合はどのようにすればよろしいでしょうか。

恐れ入りますがどなたかご教授いただけませんでしょうか。

Answer 1

めちゃめちゃ悩んで奇跡的に自己解決しました。
これ以外でも、もっと簡単な方法がございましたら是非ともご教授お願いします。

ビジネスロジック
0. JSでクリックイベントを取得

1. クリックされたボタンの先祖要素となる<tr>を取得、その子となる<td>の値をinnerHTMLで取り出す
2. 上記をfor文で取り出したいカラムの数だけ回して、結果を１つずつ配列に挿入
3. ajaxでrailsのURLを指定してPOSTでリクエストを投げる
4. railsのコントローラーのcreateアクションではparamsメソッドで受け取る
5. あとはビューで表示