如何将函数应用于jquery ajax提交完成的类？

Question

这是我目前使用的代码：

$.ajax({ 
    success: function(){ 
     $('.post_container').append('test <br />'); 
    } 
}); 
<% sleep 1 %> 

有使用同一类别中的几种意见，所以测试是它类似于我用我的单个主窗体微柱的代码，但与此适用于所有post_containers，而不是邮件刚刚制作的那个。 “测试”文本最终将被保存用户发布的实际评论的div替换。

通常我会使用“this”，但这不起作用。

HTML：

<div class="post_content"> 
    <div class="post_container"> 
     <div class="userNameFontStyle"> 
      <%= link_to current_users_username.capitalize, current_users_username %> - 
      <div class="post_time"> 
       <%= time_ago_in_words(m.created_at) %> ago. 
      </div> 
     </div> 
     <%= simple_format h(m.content) %> 
    </div> 
    <% if m.comments.any? %> 
    <% comments(m.id).each do |comment| %> 
    <div class="comment_container"> 
     <%= link_to image_tag(default_photo_for_commenter(comment), :class => "commenter_photo"), commenter(comment.user_id).username %> 
     <div class="commenter_content"> 
      <div class="userNameFontStyle"> 
       <%= link_to commenter(comment.user_id).username.capitalize, commenter(comment.user_id).username %> - <%= simple_format h(comment.content) %> 
      </div> 
     </div> 
     <div class="comment_post_time"> 
      <%= time_ago_in_words(comment.created_at) %> ago. 
     </div> 
    </div> 
    <% end %> 
    <% end %> 
    <% if logged_in? %> 
    <%= form_for @comment, :remote => true do |f| %> 
    <%= f.hidden_field :user_id, :value => current_user.id %> 
    <%= f.hidden_field :micropost_id, :value => m.id %> 
    <%= f.text_area :content, :placeholder => 'Post a comment...', :class => "comment_box", :rows => 0, :columns => 0 %> 
    <div class="commentButtons">   
     <%= f.submit 'Post it', :class => "commentButton" %> 
     <div class="cancelButton"> 
      Cancel 
     </div> 
    </div> 
    <% end %> 
    <% end %> 
    </div> 
</div> 

我将如何面对呢？

亲切的问候

Answer 1

这就是我最终要做的。

.new_comment是我的表格ID

$('.new_comment').on('ajax:success', function(){ 
    $(this).parent('.post_content').find('.comment_container:last').after("<BR />TEST <BR />"); 

}); 

<% sleep 1 %> 

唯一的问题现在查明后实际comment_container只是做。

Answer 2

新：

$(function() { 
    $('.post-form').submit(function(){ 
     var $post_content = $(this).find('.post_content'); 

     $.ajax({ 
      url: this.attributes['action'], 
      data: $(this).serialize(), 
      success: function() { 
       $post_content.append('test <br />'); 
      } 
     }) 
     return false; //this will stop the form from really submitting. 
    }); 
}); 

这应该做你要找的东西。只需在任何地方包含此JavaScript。

OLD：

$('form').submit(function(){ 
    $.ajax({ 
     url: this.attributes['action'], 
     data: $(this).serialize(), 

     //the below line might need to be adapted. 
     var post_content = $(this).find('.post_content'); 

     success: function() { 
      $(post_content).append('test <br />'); 
     } 
    }) 

这个假定只有一个页面上的形式。但是，要使代码完全工作，我需要知道如何区分哪个.post_content是“提交的”post_content。你如何以编程方式确定？每个post_content有不同的按钮吗？或者每个post_content div附近有不同的表单？无论如何，你必须以某种方式将它包含到js代码中。