反转数组单击 jQuery

Question

>我有一个在页面上显示信息的数组。我希望能够在单击按钮时反转顺序。

.reverse（） 有效，但我不确定如何在单击按钮时调用它，然后刷新显示以显示反向数组？

我的设置如下所示：

在我的数组中包含JS文件（以及显示数组的代码），我的数组存储在一个变量中（比这更长，但仅用于显示）：

var images_gallery = [
    {
        image_src: "images/xmas-1.jpg",
    },
    {
        image_src: "images/xmas-2.jpg",
    },
    {
        image_src: "images/xmas-3.jpg",
    }
]
var image = $('<img>').addClass('librarian-gallery-img');
image.attr('src',images_gallery.image_src);
image.appendTo($('#gallery-container');

这会将我的数组（图像）显示到我的 HTML 中。（简化版，但这是基础）

我的问题是如何刷新数组及其在页面上的显示

Answer 1

您可以使用

attr()来更改图像源。

$('#buttonId').click(function(){
  images_gallery.reverse();
  $('#gallery-container img').attr('src', function( index){
      return images_gallery[index].image_src
  })
});

使用 attr() 的函数参数提供对集合中元素索引的访问

Answer 2

$('button#someID').click( function(event) {
    myArray.reverse();
});

不过评论者是对的。发布您的代码，以便我们更好地查看内容。请注意，反转底层数据数组不会更新页面，因此您需要自己处理该位。