javascript - jQuery将数组中的项移动到单击时的索引0

因此，我将这个数组设置好，然后将每个img存储在页面上，并在doc load中输出：

// Create array to store file path
var sliderImg = [];
// Locate each img on page
$('.thumbnail').children().each(function() {
// Take src and store it in array wrapped in img HTML
sliderImg.push('<img class="stacked" alt="' + $(this).attr('alt') + '" src="' +            $(this).attr('src') + '" />');
});

此页面上有多个img，因此如果单击一个，该如何将其移到最前面（数组的索引0）？

谢谢

最佳答案

您必须首先使用array.splice（index，howmanyitems）从阵列中删除图像，然后使用array.unshift（item）将项目推入阵列的第一位置。

$('.thumbnail').on('click','img.stacked',function(){
    var item = $(this);
    var n = sliderImg.indexOf(item);
    if (n!=-1){
        sliderImg.splice(n,1);
        sliderImg.unshift(item);
    }
});