jquery - jQuery (.js.erb ファイル) で次と前の radio_button_tag を選択する

Question

要素のリストがあり、これらの各要素には「deal5」や「deal6」などの一意の ID を持つ 3 つのラジオ ボタンがあります。これらのラジオ ボタンのそれぞれは、独自の form_tag にあります。

-真ん中のラジオボタンタグがチェックされている場合は前と次のラジオボタンタグを選択し、チェックを外します-最初のラジオボタンタグがチェックされている場合は次の2つのラジオボタンタグを選択し、チェックを外します-最後のラジオボタンタグがチェックされている場合は前の2つのラジオボタンタグを選択し、チェックを外します

ここに私のhtml.erbファイルがあります

<div class="tab-pane fade" id="go-to-deals">
    <div class="deals-wrapper">
        <% @deals.each do |d| %>

        <div class="deal">
            <ul>
                <li><%= d.value %></li>
                <li><%= d.background %></li>
            </ul>

            <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'pending_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "pending", :class => 'radio' + d.id.to_s %> <%= "pending" %> 
                </li>
                                </ul>

            <%end%>
        <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'won_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "won", :class => 'radio' + d.id.to_s %> <%= "Won" %> 
                </li>
            </ul>

            <%end%>
        <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'lost_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "lost",  :class => 'radio' + d.id.to_s %> <%= "Lost" %> 
                </li>
            </ul>

            <%end%>
        <% end %>