Javascript object key by element id？（jQuery）

这看起来像一个非常简单的问题，但我不能得到它的工作。Javascript object key by element id？（jQuery）

我有一个Javascript对象是这样的：

var person = {}; 
person.one = {gender: 'male', name: 'John'}; 
person.two = {gender: 'male', name: 'Doe'}; 
person.three = {gender: 'female', name: 'Jane'};

然后，我有一些HTML像这样：

<a id="one">click</a> 
<a id="two">click</a> 
<a id="three">click</a>

现在，我需要通过将点击的ID来获得正确的对象值链接。所以基本上，我需要动态访问第一级对象键而无需for循环，因为键是字符串。

我已经试过这样：

$('a').click(function() { 
    alert(person[$(this).attr('id')['gender']]); 
});

它没有工作。这也不是：

$('a').click(function() { 
    alert(person.($(this).attr('id')).gender); 
});

我回来的是一个“未捕获的异常：语法错误，无法识别的表达式”。很明显，我的语法是离开的。

我已经阅读了很多文章，但找不到解决方案。有任何想法吗？

来源

2010-05-26 bobsoap

感谢球员，你是正确的！我很感激。 – bobsoap 2010-05-26 23:08:41

你的第一个例子没有奏效，因为你把第一个右括号放在错误的地方。 '人[$（this）.attr（'id'）] ['gender']' – seanmonstar 2010-05-26 23:10:58

要使用动态域名就像你要访问的属性，正确的语法是用括号，就像一个数组。

alert(person[$(this).attr('id')].gender);

或者，它可能只是清洁，寻找到该ID拉入一个单独的变量：

var id = $(this).attr('id'); 
alert(person[id].gender);

您的电话:)

来源

2010-05-26 22:51:19 Matchu

精彩:)非常感谢。我知道这是我的语法。 – bobsoap 2010-05-26 23:07:46

尝试：

$('a').click(function() { 
    alert(person[$(this).attr('id')]['gender']); 
});

你有你的方括号在错误的地方。

来源

2010-05-26 22:50:55

尝试alert(person[$(this).attr('id')].gender)

来源

2010-05-26 22:51:03

Javascript object key by element id？ （jQuery）

回答

相关问题

Javascript object key by element id？（jQuery）