0

好吧，这让我很困惑。

我正在对 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>

我觉得这很容易做到，但是我一直在循环中走了很长时间，我被卡住了......

4

0 回答 0