jquery - jquery after（）関数が適切な場所にHTMLを追加していません

Question

みんなに..mysql-DBからレンダリングされたウォールポストのリストと新しい投稿を公開するためのtextareaフィールドがあるWebページがあります..送信ボタンを押した後、ajax関数が呼び出され、新しい投稿が必要ですビルトイン関数を使用しているjquery関数で古いものの上に一度表示after()されます。

function wallPostSend(a, b) {
    var url = "scripts/functions.php";
    var randomNum = "<?php echo $randomNum; ?>";
    var contentWall = $('#news_text').val();
    $(".small_loader").show();
    $.post(url, {
        request: "wallPostSend",
        mem1: a,
        mem2: b,
        content: contentWall,
        security: randomNum
    }, function(data) {
        $(".small_loader").hide();
        $(".after_this").after().html(data).slideDown();
        ---this part is the problem..
        $('#news_text').val("type here..........").fadeIn();
    });
}

$(".after_this")-次のようなdivを指します。

    <div class="after_this"></div>

ここに表示される新しい投稿が必要です。例えば

<table>post 11</table>
<table>post 10</table>post that is already from DATABASE
<table>post 9</table>post that is already from DATABASE
<table>post 8</table>post that is already from DATABASE
<table>post 7</table>post that is already from DATABASE
<table>post 6</table>post that is already from DATABASE
<table>post N</table>post that is already from DATABASE

AJAX応答は<?php echo '<table>post text..blah blah</table>' ?>、HTMLコードの最初の投稿である投稿10の前に表示したい新しい投稿を含む新しいテーブルです。

次に、別の投稿が投稿された場​​合、以前の投稿を上書きせずに、リストの最初に再び表示される必要があります。

Answer 1

content引数として渡す必要があるものを見逃しました

.after（content）

 $(".after_this").after(data).slideDown();

Answer 2

このように使用します。

 $(".after_this").after(data).slideDown();