javascript - 单击时“提醒”对象属性

Question

我有一个构造函数，然后我用它来创建对象library_science1:

function librarytech(humanity,food,wood,metal,wealth)
{
this.humanity=humanity;
this.food=food;
this.wood=wood;
this.metal=metal;
this.wealth=wealth;
}

var library_science1=new librarytech(0,200,200,0,0);

我将此作为点击功能:

$("[id^='library_']").click(function() {
var idd = this.id;
            alert(idd);
});

html 就是简单的

<span id='library_science1'></span>

上面的代码工作正常，很好地警告“library_science1”...当我使用警报直接拉取对象属性之一时它甚至可以工作。

$("[id^='library_']").click(function() {
            alert(library_science1.food);
});

但是我有很多library_[SOMETHING]对象，每个对象都有自己的对应 <span id="library_[SOMETHING]"></span>线。

我正在尝试根据单击的对象来提取对象属性。如:

$("[id^='library_']").click(function() {
            alert(this.id.food);
});

或

$("[id^='library_']").click(function() {
    var x = this.id;
            alert(x.food);
});

最终目的是我最终可以做这样的事情:

foodamount -= this.id.food

为什么这不起作用:/:(

Answer 1

仅仅因为您在第一个示例中访问的是一个对象，而不是其他示例中的 DOM 对象，如果它们的对象是全局的，那么您就可以访问

alert(window[this.id].food);

或

alert(eval(this.id + ".food"));