使用JavaScript來改變目標DIV ID在的link_to

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

存儲與匹配元素相關聯的任意數據，或者返回匹配元素集中第一個元素的指定數據存儲區的值。

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

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