使用 Javascript 更改 link_to 中的目标 div id

Question

所以我使用 Rails 和 nested_form，并且我有以下 link_to_add 代码：

<%= f.link_to_add :exptypes, id:"addTab", :data => { :target => "#exptype_new_3" } do %>
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add an Experimental Type

                <script> 
                  $('#addTab').click(function() {
                    add_tab('exptype');
                  })
                </script>
            <% end %>

页面源代码如下所示：

<li role="presentation">
            <a class="add_nested_fields" data-association="exptypes" data-blueprint-id="exptypes_fields_blueprint" data-target="#exptype_new_3" href="javascript:void(0)" id="addTab">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add an Experimental Type

                <script> 
                  $('#addTab').click(function() {
                    add_tab('exptype');
                  })
                </script>
</a>          </li>

在 Javacript add_tab 函数中是否有办法将 :target => "#exptype_new_3" 更改为其他内容？

我正在尝试获取它，因此每次单击按钮时 div 都会递增。

Answer 1

Store arbitrary data associated with the matched elements or return the value at the named data store for the first element in the set of matched elements.

 $('#addTab').data('target', 'newTarget');

文档：http://api.jquery.com/data/

使用 Javascript 更改 link_to 中的目标 div id

Using Javascript to change target div id in link_to

javascript

ruby-on-rails

nested-forms