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

它给了我：

斯尼亚达涅

科拉恰

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

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

如何编码？

Answer 1

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

这是一个例子。

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

Answer 2

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