jquery - 获取圆形滑块中的先前元素

Question

我有一个图像滑块，通过单击图像，我想获取所有以前的图像元素 ID，这些 ID 都写在 html 页面上。当我尝试打印所有以前img的元素时，由于循环 div ，所有元素都被打印了。例如，如果我单击图像#5，我只想得到 1、2、3、4 和 5。现在下面的代码返回 4、3、2、1、12、11、10、9 等等.

var ids = t.prevAll().removeClass('t2').addClass('t1').map(function(){
  return this.id;
}).get().join();

console.log(ids);

$(document).ready(function () {

/*   Reading the data from XML file*/

  $.ajax({
    type: "GET",
    url: "photos.xml",
    dataType: "xml",
    success: function(xml) {
      $(xml).find('item').each(function(){
      var path = $(this).attr('path');
      var width = $(this).attr('width');
      var height = $(this).attr('height');
      var id = $(this).attr('id');
      var alt = $(this).attr('alt');
      var longdesc = $(this).find('longdesc').text();
      var description = $(this).find('desc').text();
      $('#myImageFlow').append('<img src="'+path+'" id='+id+'  height="'+height+'"  width="'+ width+'" longdesc="'+longdesc+'" alt="'+alt+'"/>');
      imgArr[i] = description;
      imgFront[i]=longdesc;                 
      backimg[i]=longdesc;
      frontimg[i]=path;
      i = i+1;  
    });