Jquery 从ajax响应创建分组div的变量

好吧，这让我很困惑

我正在对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文本追加到末尾

我遇到的问题是设置所有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>

此div具有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素
这个div有内部元素

---

我觉得这很容易做到，但我已经在循环中循环了很长时间，我被卡住了…

你在ajax调用中使用了

数据类型：“json”

，但是你说你在html中接收结果。我复制了控制台日志中接收到的结果。。。

$.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) {

    }
});

    <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>