jQuery 从 jQuery 对象中获取数据答案

【问题标题】：jQuery get data from jQuery objectjQuery 从 jQuery 对象中获取数据
【发布时间】：2014-12-22 12:24:23
【问题描述】：

我正在使用 ajax 从数据库中获取数据。从表中获取数据后，我正在执行 json_encode 以获取 json 格式的数据。之后我正在做 parseJSON 以在 js 中显示数据。

当我在 json 中获取数据时，我只是这样做了

data = $.parseJSON(data);

console.log(data);

我得到了类似这个 jQuery 对象的数据。

我想从这里获取名字的值。

我试过 console.log(data.first_name); 但它没有奏效。它在控制台选项卡中显示未定义。那么有人可以告诉我如何在这里获取 first_name 值

【问题讨论】：

【解决方案1】：

您的数据是对象数组，并且索引 0、1、2 上的数据等等，所以您需要

试试

console.log(data[0].first_name);

你也可以遍历它们

for(var a=0;a<data.length;a++) {
    console.log(data[a].first_name);
}

【讨论】：

【解决方案2】：

您已返回一个对象数组。使用以下方法遍历所有这些：

for(var i = 0; i < data.length; i++) {
    console.log(data[i].first_name);
}

【讨论】：

【解决方案3】：

jquery 提供$.each() 函数来迭代对象或数组，见下面的示例代码

data = $.parseJSON(data);
$.each(data, function(index, object){
  console.log(object.first_name);
})

【讨论】：

【解决方案4】：

看起来data 是对象数组，您必须遍历此数组并获取其中每个对象的 first_name 属性，如下所示，

data = $.parseJSON(data);
data.forEach(function(item){
  console.log(item.first_name);
})

【讨论】：