jquery - ajax レスポンスからグループ化された div の変数を作成する

Question

わかりました、これは私を混乱させています。

get_post.php ページへの ajax 呼び出しを行っています。そのページでは、さまざまな配列から html を作成しています。この get_post.php ページのソースを表示すると、基本的な html がスタイル化されていないことがわかります。

したがって、私のajax応答では、必要なものであるhtmlだけを取得しています。今、私が問題を抱えているところに来ました。

get_post.php ページには、さまざまな div があります。

<div class="pictures">this div has inner elements</div>
<div class="text">this div has inner elements</div>
<div class="video">this div has inner elements</div>

私はdivの各タイプの多くを持っています。クラスの写真で 10 個の div、クラスのビデオで 10 個、テキストで 200 個の div を持つことができます。これらの各 div は、内部コンテンツのラッパーです。しかし、それぞれがその内容に従って様式化されています。

私の計画は、ajax がすべての div タイプを変数に格納することに成功したときです。

var pictures = <div class="pictures">this div has inner elements</div><div class="pictures">this div has inner elements</div><div class="pictures">this div has inner elements</div> etc etc

var text = <div class="text">this div has inner elements</div><div class="text">this div has inner elements</div><div class="text">this div has inner elements</div> etc etc

var videos = <div class="video">this div has inner elements</div><div class="video">this div has inner elements</div><div class="video">this div has inner elements</div> etc etc

変数内のすべての div が必要なので、クリックするとリストに追加できます。

$('.textLink').click(function() {
$(html).append(text);
});

これにより、テキストのすべての div が最後に追加されます。

私が問題を抱えているのは、すべての div とその内部コンテンツのこれらの変数を設定することです。これどうやってするの？

これが私のajaxです

$.ajax({
    type: 'GET',
    url: 'interactions/get_posts.php',
    dataType: 'json',
    async: true,
    cache: false,
    success: function(results) {
        var data = results.responseText;
        var pictures = ????
        var text = ????
        var videos = ????

    },
    error: function(results) {

    }
});

そして、私のajax応答はどのように見えるでしょうか

    <div class="pictures">this div has inner elements</div>
<div class="text">this div has inner elements</div>
<div class="pictures">this div has inner elements</div>
<div class="video">this div has inner elements</div>
<div class="video">this div has inner elements</div>
<div class="pictures">this div has inner elements</div>
<div class="video">this div has inner elements</div>
<div class="pictures">this div has inner elements</div>
<div class="text">this div has inner elements</div>
<div class="pictures">this div has inner elements</div>
<div class="video">this div has inner elements</div>
<div class="pictures">this div has inner elements</div>
<div class="text">this div has inner elements</div>
<div class="text">this div has inner elements</div>
<div class="text">this div has inner elements</div>

これは簡単にできる気がしますが、長い間ループしていて行き詰まっています...