Javascript jQuery在单击时遍历数组

我试着到处寻找解决方案，但我似乎不明白如何正确地做到这一点。本质上，我有一个XML，我想从中提取数据。我希望页面加载第一个条目，一旦用户单击“前进”按钮，我希望它在XML中迭代，直到到达末尾。后退按钮也是如此

    $(document).ready(function(){
        var name = [];
        var description = [];
        var html_screenshot_01 = [];
        var html_screenshot_02 = [];
        var site_link = [];
        var source_link = [];
        var demo_link = [];

        $.ajax({
            type: "GET",
            url: "projects_html.xml",
            dataType: "xml",
            success: function(xml) {
                $(xml).find('name').each(function(){ name.push($(this).text()); });
                $(xml).find('description').each(function(){ description.push($(this).text()); });
                $(xml).find('html_screenshot_01').each(function(){ html_screenshot_01.push($(this).text()); });
                $(xml).find('html_screenshot_02').each(function(){ html_screenshot_02.push($(this).text()); });
                $(xml).find('site_link').each(function(){ site_link.push($(this).text()); });
                $(xml).find('source_link').each(function(){ source_link.push($(this).text()); });
                $(xml).find('demo_link').each(function(){ demo_link.push($(this).text()); });                   

                $(xml).find('projects').each(function(){


                    $('#name').empty().append(name[0]);
                    $('#description').empty().append(description);
                    $("img#html_screenshot_01").attr("src", html_screenshot_01);
                    $("img#html_screenshot_02").attr("src", html_screenshot_02);
                    $("a#site_link").attr("src", site_link);
                    $("a#source_link").attr("src", source_link);
                    $("a#demo_link").attr("src", demo_link);    

                    $('a#site_link').filter(function() {return $.trim($(this).text()) === ''}).css("visibility", "hidden")
                    $('a#source_link').filter(function() {return $.trim($(this).text()) === ''}).css("visibility", "hidden")                    
                    $('a#demo_link').filter(function() {return $.trim($(this).text()) === ''}).css("visibility", "hidden")
                });
            }
        });
        $("#next").click(function() {
            var i = 0;
            i++;
            $('#name').empty().append(name[i]);
            return false;
        });
        $("#back").click(function() {
            alert('back');
        });
    });

移动变量i=0；退出下一次单击事件

.
.

var i = 0;
$("#next").click(function() {
.
.
.

移动变量i=0；退出下一次单击事件

.
.

var i = 0;
$("#next").click(function() {
.
.
.

---

我知道我有：$'name'.empty.appendname[0]；这是为了测试，这样我就可以在查看按钮功能的同时加载第一个条目。你是在问如何迭代数组吗？你有for循环，while循环，do-while循环，jquery的。每个函数…感谢你的快速响应，基本上是的，我需要知道如何遍历数组。我尝试了各种for循环和jQuery；A.加载没有任何XML数据的页面，并在每次单击“下一步”按钮时刷新页面。加载带有初始XML条目的页面，然后在单击按钮时刷新页面。基本上没有增量。我知道我有：$'name'。empty.appendname[0]；这是为了测试，这样我就可以在查看按钮功能的同时加载第一个条目。你是在问如何迭代数组吗？你有for循环，while循环，do-while循环，jquery的。每个函数…感谢你的快速响应，基本上是的，我需要知道如何遍历数组。我尝试了各种for循环和jQuery；A.加载没有任何XML数据的页面，并在每次单击“下一步”按钮时刷新页面。加载带有初始XML条目的页面，然后在单击按钮时刷新页面基本上没有增加我喜欢如何开发48行函数代码，但不知何故不理解迭代器应该放在哪里，谢谢你为我节省了生命中的下一个10小时@AdrianVona，如果这个解决方案对你有效，那么接受答案，如果有用的话也进行投票。我喜欢我能开发48行函数代码，但不知怎么搞不懂迭代器应该放在哪里，谢谢你救了我接下来的10个小时@AdrianVona，如果这个解决方案对你有效，那么接受答案，如果有用的话也进行投票。