获取圆形滑块中的前一个元素

Question

 我有一个图像滑块，通过点击图像，我想获得所有以前的图像元素ID，这些ID写在html页面上。当我尝试打印所有之前的元素时，由于圆形div而打印所有img。 例如，如果我点击图像＃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;  
    });