javascript - クリック後の応答としてオブジェクト全体を取得するにはどうすればよいですか？

Question

私は簡単なJavaScriptスニペットを持っています：

var obrazek = [{nazwa: "Sniadanie", wiek: 100, autor: "Alicja"},{nazwa: "Kolacja", wiek: 10, autor: "Misiek"}];

function galeria(nazwa, wsad) {
    this.nazwa = nazwa;
    this.wsad = wsad;
    this.print = function(element) {
        for (var i=0;i<this.wsad.length;i++) {
            var text = "<li>"+this.wsad[i].nazwa+"</li>"
            element.append(text);
        }
    }
}
$(document).ready(function() {
    gal = new galeria('test', obrazek);
    gal.print($('#galeriaTest'))
});

それは私に与えます：

スニアダニエ

Kolacja

私が欲しいのは、クリックイベントの後にオブジェクトを返す単純なメソッドです。

Object { nazwa="Sniadanie", wiek=100, autor="Alicja"} (in FireBug)

それをコーディングする方法は？

Answer 1

データセットが静的である限り、関数を使用してオブジェクトをDOM要素に関連付けることができdata()ます。

これが例です。

データセットが動的である場合でも、情報への参照GaleriaといくつかのIDタイプの情報を関連付けて、改善された結果ではありますが、同様の情報を取得できます。

Answer 2

$("selector").on('click', function(e){
   console.log( obrazek );  // would put object in a console, you can check it via firebug
 });