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

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

评论者是对的。发布您的代码，以便我们更好地了解情况。请注意，反转基础数据数组不会更新页面，因此您需要自己处理该位。

Answer 2

您可以使用attr()更改图片src。

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

});

使用attr()的函数参数可以访问集合中元素的索引

反转一个数组onclick jquery

2 个答案: