如何在rails中動態添加和刪除html元素？

Question

我有這個動態地添加的項目在HTML

<td id="campus_list"> 
    <%= link_to_function image_tag("new.png", :width => 16) do |page| 
    page.insert_html :bottom, 'campus_list', :partial => 'campus_selection' 
    end %> 
    <br/> 
</td> 

模板是這樣

<div> 
    <%= select_tag "campuses[]", options_for_select(AvailableCampuses.map{|item| [name, id]})) %> 
    <%= link_to_function image_tag("destroy.png", :width => 16), "" %> 
</div> 

因爲我不知道如何唯一ID添加到每個渲染DIV，我想不通如何使用link_to_function刪除每個div。

你能幫我解決嗎？

Answer 1

你可以使用$(this).up('div').remove();作爲javascript的link_to_function幫手。 它所做的是

1. 獲取鏈接節點（$(this)）
2. 遍歷DOM樹，直到一個div元素被找到（up('div')）
3. ，並刪除該元件（remove()）