单击后如何将整个对象作为响应？

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'))
});

它给了我：              

Sniadanie

        

Kolacja

    

我想要的是在点击事件后返回对象的简单方法：

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

如何编码？

Answer 1

只要您的数据集是静态的，您就可以使用data()函数将对象关联到DOM元素。

Here's an example

如果您的数据集是动态的，您仍然可以将对Galeria的引用与某些ID类型的信息相关联，以获得类似的改进结果。

Answer 2

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