在div中打印ajax输出

Question

Please help me, my ajax don't print any output but when i used alert() to print the output it shows the output.

  $(".grp-ans").each(function(e){
        $.ajax({
            type: 'POST',
            url: 'show-answer.php',
            data: { 
               'p_id': $(this).attr('id')
            },
            success: function(data){
                $(this).text(data);
            },error: function(msg){
                $(this).text("error");
            }
        });
    });

Answer 1

I guess i know what your problem is here: Your reference to this in the ajax-callback is changed. Try to bind the callbacks like this:

  $(".grp-ans").each(function(e){
        $.ajax({
            type: 'POST',
            url: 'show-answer.php',
            data: { 
               'p_id': $(this).attr('id')
            },
            success: function(data){
                $(this).text(data);
            }.bind(this),error: function(msg){
                $(this).text("error");
            }.bind(this)
        });
    });