-1

ページに情報を表示する配列があります。ボタンのクリックで順序を逆にできるようにしたいと思います。

.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に表示されます。（簡略版ですが、基本はこれです）

私の問題は、ページ上の配列とその表示を更新する方法です

4

2 に答える 2

0

attr()画像のsrcを変更するために使用できます。

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

});

の関数の引数を使用するとattr()、コレクション内の要素のインデックスにアクセスできます

于 2013-01-30T13:42:27.187 に答える
0 
$('button#someID').click( function(event) {
    myArray.reverse();
});

コメンテーターは正しいです。コードを投稿して、物事をよりよく確認できるようにします。基になるデータの配列を反転してもページは更新されないため、そのビットを自分で処理する必要があることに注意してください。

于 2013-01-30T13:19:22.653 に答える