Javascript 如何转到json数组中的下一个和上一个值？

几天来，我一直在用这个把头撞墙。我有一个项目列表，单击该列表时，将该独立项目移动到一个div。根据单击的项目，我将尝试转到列表中的下一个和上一个项目

我对这个有点陌生，不管我怎么做，我都不能让它工作

这是你的电话号码。谢谢

HTML:

Javascript和Jquery：

$(document).ready(function(){

  var treeObj = {"root":[{"id":"1","trackName":"Whippin Post"},{"id":"2","trackName":"Sweet Caroline"},{"id":"3","trackName":"Tears in Heaven"},{"id":"4","trackName":"Ain't She Sweet"},{"id":"5","trackName":"Octopus' Garden"},{"id":"6","trackName":"Teen Spirit"},{"id":"7","trackName":"Knockin on Heaven's Door"}]};

    var $ul = $("<ul></ul>");       
    $.each(treeObj.root,function(i,v) {
        $ul.append(
            $("<li></li>").append(                   $("<a></a>")
                                                     .attr({"href":v.id,"data-file":v.trackFile})
               .html(v.trackName)
                                                     )
            );

    });
    $("#player-handwriting-title").empty().append($ul);

     $("#player-handwriting-title a").click(function() {
      var name = $(this).html(),
          filename = $(this).attr("data-file");
          filename2 = "upload-form/upload/" + filename;
        $('#player-digital-title').html($(this).html());

        document.getElementById('audio-player').src =   filename2;
        $("#audio-player")[0].play();
        return false;

    }); 

var myID = 0;
$("#next-bt").click(function() {
document.getElementById('player-digital-title').innerHTML =  treeObj.root[++myID].trackName ;
    });

var mylease = 6;
$("#prev-bt").click(function() {
document.getElementById('player-digital-title').innerHTML =  treeObj.root[--mylease].trackName ;
    });


});

​

试试类似的方法

    var myID = 0;
$("#next-bt").click(function() {
  myID++;
  if(myID > treeObj.root.length) { myID = 0; }
document.getElementById('player-digital-title').innerHTML =  treeObj.root[++myID].trackName ;
    });

var mylease = 6;
$("#prev-bt").click(function() {
  myID--;
  if(myID < 0) { myID = treeObj.root.length; }
document.getElementById('player-digital-title').innerHTML =  treeObj.root[--mylease].trackName ;
    });

试试像这样的东西

    var myID = 0;
$("#next-bt").click(function() {
  myID++;
  if(myID > treeObj.root.length) { myID = 0; }
document.getElementById('player-digital-title').innerHTML =  treeObj.root[++myID].trackName ;
    });

var mylease = 6;
$("#prev-bt").click(function() {
  myID--;
  if(myID < 0) { myID = treeObj.root.length; }
document.getElementById('player-digital-title').innerHTML =  treeObj.root[--mylease].trackName ;
    });

加了一把小提琴

退房..希望它是你所期待的…

增加了一把小提琴

---

退房..希望这是你所期望的…

你会一直按顺序排列ID吗？不会。它们可能会变得非常混乱。另外，每次从我的数据库生成JSON列表时，它的长度都会有所不同。如果它不符合顺序，++myID和-mylease将如何工作？ID是否总是按顺序排列？不。它们可能会变得非常混乱。另外，每次从我的数据库生成JSON列表时，它的长度都会有所不同。如果它不符合顺序，++myID和-mylease将如何工作？这太棒了！但有一件事；JSON列表是从不断变化的数据库中提取的。你知道我如何让下一个和上一个按钮解释不断变化的列表长度吗？与其用静态值来做，不如让它成为动态的，并应用我使用的相同逻辑。这太棒了！但有一件事；JSON列表是从不断变化的数据库中提取的。你知道我如何让下一个和上一个按钮解释不断变化的列表长度吗？与其使用静态值，不如使用动态按钮，并应用我使用的相同逻辑。。