0

我想使用 ajax 将 xml 添加到我的 html 中，但我似乎无法使用 jquery 将 div 存储在我需要的变量中。当我在控制台上调用变量时，它返回未定义。目前我有：

var target = $(this).parent().find(".thread")[0];
    console.log(target);

我要插入 xml 的 html 如下所示：

<div class="thread"></div>

这是javascript文件：

var Threads = (function() {
var pub = {};




function produceThreads(data, target) {
    $(target).append("<ul>");

    $(data).find("thread").each(function() {
        var title = $(this).find("title")[0].textContent;
        var posts = $(this).find("posts")[0].textContent;
        $(target).append("<li>" + title + "</li>");
        $(target).append("<li>" + posts + "</li>");
        });
        $(target).append("</ul>");

    }



function showThreads() {

    var target = $(this).parent().find(".review")[0];
    console.log(target);

    var data = "forum.xml";

    $.ajax({
    type: "GET",
    url: data,
    cache: false,
    success: function(data) {
        produceThreads(data, target);
    }
    });
    }



pub.setup = function() {
        showThreads();
    };

    return pub;
    }());

$(document).ready(Threads.setup);

和 HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Forum</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="Forum.css">

    <script src="jQuery-1.10.2.min.js"></script>
    <script src="Forum.js"></script>
</head>
<body>
    <header>
        <h1>Forum</h1>
    </header>

<p>
<a href="users.html">users</a>
</p>
<div class="thread"></div>


</body>
</html>

这个想法是在加载 html 后立即让 producerThreads 函数中的 xml 列表可见，但是当我什至无法存储目标变量时，我几乎无法拥有它。我使用的 jQuery 版本是 1.10.2.min。

4

0 回答 0