WordpressがAJAXで投稿を削除し置換する

Question

"article"タグを新しいもので置き換えようとしていますが、JSON配列の最後の要素だけを取得しています... ここで私のHTML構造を見て：

<main id="main" class="site-main" role="main"> 

    <article > 
    <header class="entry-header">    
    TEST 1 
     <a href="http://example.com/mdu_test/mdu_news/4996" rel="bookmark"> test</a> 
     <div>TAGS:<a href="http://example.com/tag/dog">dog</a></div> 
    </header> 
    </article> 

    <article > 
    <header class="entry-header">   
    TEST 2 
     <a href="http://example.com/mdu_test/mdu_news/4587" rel="bookmark"> test</a> 
     <div>TAGS:<a href="http://example.com/tag/cat">cat</a></div> 
    </header> 
    </article> 
</main> 

、ここでは新しいもので、以前の投稿を取り外して交換するためにjqueryのを使用して、私のjavascript関数です。

function get_posts($params){ 
    var $container = $('#main'); 
    var $content = $container.find('article'); 
    var $status = $('.ajax_tag'); 
    var counter = 0; 

...ここ Jquery.ajax声明 ...

$.each(data,function(index, post){ 
    //$content.children().remove(); 
    $content.empty(); 
    console.log(index); 
    //$content.replaceWith('<article>' + post.title + '</article>'); 
    //console.log(data.length); 
    if (counter != data.length) { 

    console.log('before : ' + counter); 
    $content.append('<article>' + post.title + '</br>' + '</article>'); 
    counter += 1; 
    console.log('after : ' + counter); 

    } else { 
     return false; 
    } 
}); 

だからここからは私がその操作を実行することができますどのように私にははっきりしません。

私の配列の完全なリストを管理する唯一の方法は、«。append（）»を使用していましたが、«.empty（）»を使わずに各«article»タグに配列の内容を追加しました。

PS：すべての例と説明で私が見つけた.each（）、$ .each（）、.map（）、$ .map（）タグ "記事"、 "div"、 "スパン"は含まれていない暗黙の反復を持つように見える。

私は十分なはっきりしていると思いますが、どんなインプットも高く評価されます。

ありがとうございます！

Answer 1

私はこの解決策で最終的に問題を解決しました。基本的には、.empty()の代わりに.remove()メソッドを使用しています。完全に動作します。

$.each(data,function(index, post){ 
     $content.remove(); 
     $content.append('<article>' + post.title + '</br>' + '</article>'); 
});