jquery - 如何使 HTML 元素的 id 唯一，以便可以将某些内容附加到 ajax 响应的正确元素中

Question

Jquery 正在 Rails View 上使用。这里是一个代码示例:

<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 函数。我在页面中的多个位置都有这种模式及其动态。我需要在正确的 id 中附加响应时使 div 的 id 唯一。我该怎么做？

Answer 1

在 Rails 中，您可以使用 content_tag_for或div_for帮助获得类(class)

<%= 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