Question

我有一个ajax表单，我使用这行代码输出通过PHP脚本返回的数据：

jQuery(".commentfeedback").html(data);

将其输出到具有类commentfeedback的div。相反，我想简单地在当前div中输出它，所以我尝试了：

jQuery(this).html(data);

但它没有用。我做错了什么？

完整的JS代码：

jQuery('.commenttopicform').submit(ajaxSubmit);

function ajaxSubmit(){

var commenttopicform = jQuery(this).serialize();

jQuery.ajax({
    type:"POST",
    url: "/testrmv/wp-admin/admin-ajax.php",
    data: commenttopicform,
    success:function(data){
        jQuery(".commentfeedback").html(data); // empty div to show returned data
    }
});

return false;
}

HTML：

         <form action="" method="post" class="commenttopicform" />
             <input type="hidden" name="postid" value="<?php echo $t_id; ?>" />
             <input type="hidden" name="action" value="comment_topic" />

             <div class="t_add_com_txt">
                  <textarea name="comment" maxlength="2000" placeholder="Please add a note here..."></textarea> 
             </div>

             <div class="t_add_com_sub">
                  <input type="submit" value="Add Note" class="button-primary newcomsub" name="send" />
             </div>
 </form>

Answer 1

您可以使用context:选项将this值传递给回调。

jQuery.ajax({
    type:"POST",
    url: "/testrmv/wp-admin/admin-ajax.php",
    data: commenttopicform,
    context: this,
    success:function(data){
        jQuery(this).nextAll('.commentfeedback').eq(0).html(data); // empty div to show returned data

    }
});

输出返回当前div中的数据

1 个答案: