Javascript 根据箭头单击更改数据id位置

我的问题如下：

我有两个箭头图像，第一个是prev arrow，另一个是forward arrow

当单击箭头时，从我还没有看到的ulli元素的数据id位置开始，我想向前移动到以下数据id，反之亦然

这是ulli

<img id="arrow_next" src="http://www.nameofmywebsite.com/example.png" height="50" width="50" />  

<ul id="lower">
    <li data-id="1">Primo</li>
    <li data-id="2">Secondo</li>
    <li data-id="3">Terzo</li>
</ul>   

Primo
第二
Terzo

这就是函数，例如，关于向前箭头。这里我想做一个循环（也许是for循环？），在这个循环中我会说“index++”（在相反的情况下，是“index--”）

$（'#箭头_next'）。单击（函数（）{
var指数=$（“#低li”）。数据（'id'）-1；
var url=“example.php”；
$.getJSON（url，
函数（json）{
输出=”；
output+=“”+json.general.obj[index]。description_it+”
”；
输出+=“”；
$（“#响应”）.html（输出）；
});         
});  

response在哪里？还有，你到底想做什么？在代码中，您显然是从url获取内容并将其解析为div（代码中未显示）。你的具体目标是什么？主要目标是，如果我点击相应的ul li元素，从PHP（内部带有json_编码）文件加载内容，在这种特定情况下，使用prev和next箭头图像执行相同的操作，因此我希望从0开始，然后每次点击，我必须做同样的事情，因为我会在屏幕上点击以下元素我不明白。我的意思是，你的

在任何地方都不会被听到：你只是在听下一次点击的箭头，而不是ul>li的点击。你是如何检索这些信息的？在这种情况下，我只看到您总是调用同一个页面（假设example.php）。如果这个页面有一个json_编码，并且它总是静态的，为什么要调用它？对于这样的任务，显示和隐藏一些预加载的div会容易得多，除非您被迫以这种方式工作！这是因为我不想在那里预装div。我在另一个调用中检索数据，其中我引用了ul的“li”。如果可能的话，我不想直接点击“li”，而只想用箭头来回移动。我认为这是可能的，因为我看到了一个屏幕截图，你可以像briosheje解释的那样制作它：上面的例子不起作用-你总是使用第一个li的ID。考虑全局变量（或在一个元素中存储信息），在其中存储索引，然后在用户单击PREV或NEXT时获取该索引。现在你不会把它放在任何地方

$('#arrow_next').click(function() {
    var index = $("#lower li").data('id') - 1;

    var url = "example.php";

    $.getJSON(url,
        function(json) {
            output = "<div>";
            output += "<p>" + json.general.obj[index].description_it + "</p>";
            output += "</div>";         
            $("#response").html(output);    
        });         
});