如何使HTML元素的id唯一，以便在Ajax響應的正確元素上添加某些內容

Question

Jquery正在rails視圖上使用。這裏的代碼示例：

<div id="comments" class="comments"> 
    <%= render :partial => 'comment', :collection => @comments %> 
</div> 

<script type="text/javascript"> 
$(function() { 
    $('#new_comment').bind('ajax:success', function(event, data, status, xhr) { 
    $('#comments').append('<div class="comment-item">' + data.text + '</div>'); 
    }); 
}); 
</script> 

我有一個表單發送ajax請求，並在響應JavaScript函數被調用。我在這個模式及其動態頁面中有多個位置。我需要使div的id唯一，並在正確的id中附加響應。我怎麼做？

Answer 1

在Rails中，你可以使用content_tag_for或div_for助手獲取類

<%= div_for @post do %> 
    <!-- stuff --> 
<% end %> 

這是一樣的：

<%= content_tag_for :div, @post do %> 
    <!-- stuff --> 
<% end %> 

會導致類似：

<div class="posts" id="post_42"> 
    <!-- stuff --> 
</div> 

在HAML中，您可以使用方括號來達到相同的效果：

%div[@post] 
/stuff