Javascript jQuery在其后面附加注释';s已成功提交

Javascript jQuery在其后面附加注释';s已成功提交,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我使用jQuery提交一条评论,并在Ajax状态成功时将其附加到提交表单之后。但是它不能正常工作 HTML: 提交 jQuery: $(function() { $('.reply_button').click(function(){ var reply = $(this).siblings('textarea').val(); $.ajax({ type:"POST", url: base_url + "interview/repl

我使用jQuery提交一条评论,并在Ajax状态成功时将其附加到提交表单之后。但是它不能正常工作

HTML:


提交
jQuery:

$(function()
{
  $('.reply_button').click(function(){

  var reply = $(this).siblings('textarea').val();

  $.ajax({ 
          type:"POST",
          url: base_url + "interview/reply_upload",
          data:{reply: reply}, 
          dataType: "json",
          success: function(data,status){
            if(data.state == 'succ')
            {
              this_a.html('Success');
              $(this).parent().append("<b>Hello world!</b>");
            }
            else
            {
              this_a.html('fail');  
            }
      }
      });
   });
}):
$(函数()
{
$('.reply_按钮')。单击(函数(){
var reply=$(this.sibbines('textarea').val();
$.ajax({
类型:“POST”,
url:base_url+“采访/回复上传”,
数据:{回复:回复},
数据类型:“json”,
成功:功能(数据、状态){
如果(data.state==“成功”)
{
这是a.html(“成功”);
$(this.parent().append(“Hello world!”);
}
其他的
{
这是一个html('fail');
}
}
});
});
}):
服务器端语言工作正常,如果将其放在ajax括号外,我可以看到追加信息


谢谢

这里的问题是,
$(this)
指的是回调内部的AJAX响应。在这种情况下,需要缓存对触发单击事件的原始元素的引用

$('.reply_button').click(function(){
    var $this = $(this);
现在,您可以使用上面定义的缓存引用在success中执行追加

$this.parent().append("<b>Hello world!</b>");
$this.parent().append(“Hello world!”);

FYI,您在多个位置使用了
这个
,如果它没有任何意义,则意味着不同的事情。我有一种感觉,如果您尝试使用“.reply\u”按钮选择器,ajax请求中的“this”可能会被覆盖。它能工作吗?
$this.parent().append("<b>Hello world!</b>");