使用 jQuery 和 HTML 对 XML 数据进行分页

Question

我有一个包含问题列表的 XML 文件。我想在 HTML 页面加载时加载列表中的第一个问题，并将答案加载为单选按钮。选择其中一个单选按钮时，我想显示结果以及继续按钮。继续按钮将转到 XML 文件中的第二个元素。

所以，到目前为止，我得到了以下内容：

function generateQuestion(i) {
    $(document).ready(function() {
        $.get('quiz.xml', function(d) {
            alert('Loaded XML');
            $(d).find('question').get(0, function() {
                alert('Loaded Question');
                var $question = $(this);
                var questionContent = $question.attr("content");
                $(questionContent).appendTo("#quizQuestion");
            });
        });
    });
}

但是，问题中的内容永远不会加载到元素中。当我去获取文档中的第一个元素时，它看起来像挂起。我的猜测是没有重载将对象注入函数。

我说的对吗？任何人都有任何快速资源，可以显示我想要生成的基本测验样示例？

更新：我已将代码更新为以下内容，它似乎被属性属性捕获：

function generateQuestion(i) {
    $(document).ready(function() {
        $.get('quiz.xml', function(d) {
            var $question = $(d).find('question').get(i);
            var questionContent = $question.attr('content');
            alert(questionContent);
            $(questionContent).appendTo("#quizQuestion");
        });
    });
}

有什么想法吗？

Answer 1

get() 函数返回未包装的 set 元素，在这种情况下它将是 xml 元素。

$.get('quiz.xml', function(d) {
    var question = $(d).find('question :eq(0)');
    var questionContent = question.attr('content');
    alert(questionContent);
    $(questionContent).appendTo("#quizQuestion");
});

另一种选择是重新包装对象

$.get('quiz.xml', function(d) {
    var question = $(d).find('question').get(0);
    var questionContent = $(question).attr('content');
    alert(questionContent);
    $(questionContent).appendTo("#quizQuestion");
});

另外，我不确定您为什么在函数调用中包含 $(document).ready。你什么时候调用这个函数。如果它在文档加载之后，那么你真的不需要它。