如何使用 jQuery 从对象中获取数据？答案

【问题标题】：How to get data from an object using jQuery?如何使用 jQuery 从对象中获取数据？
【发布时间】：2014-09-27 05:24:42
【问题描述】：

我正在使用一个对象来存储数据。如何获取活动人员的数据，然后在单击链接时获取已单击链接的人员的数据？

HTML

<div id="people">
  <a href="#steve" class="active">Steve</a>
  <a href="#mike">Mike</a>
  <a href="#cindy">Cindy</a>
</div>

JavaScript

var $people = $('#people').find('a'),
    activePerson = $people.hasClass('active'),
    people = {
        steve: [{
            color: 'blue',
            pet: 'bird'
        }],
        mike: [{
            color: 'maroon',
            pet: 'dog'
        }],
        cindy: [{
            color: 'pink',
            pet: 'snake'
        }]
     };

console.log(people.activePerson);

$people.click(function (e) {
    e.preventDefault();

    activePerson = $(this).attr('href').slice(1);

    console.log(people.activePerson);
});

【问题讨论】：

那不是一个多维数组。它是一个带有表示数组的键的对象。
@FlavorScape 感谢您的澄清！

标签： javascript jquery arrays object key

【解决方案1】：

您可以像这样在数组中选择它们：

JSFIDDLE：http://jsfiddle.net/L5sHS/

var $people = $('#people').find('a'),
    activePerson = $people.hasClass('active'),
    people = {
        steve: [{
            color: 'blue',
            pet: 'bird'
        }],
        mike: [{
            color: 'maroon',
            pet: 'dog'
        }],
        cindy: [{
            color: 'pink',
            pet: 'snake'
        }]
     };

console.log(people.activePerson);

$people.click(function (e) {
    e.preventDefault();

    activePerson = $(this).attr('href').slice(1);

    console.log(people[activePerson][0].color);
});

在这个例子中，我打印出被点击的人的颜色。

【讨论】：