jquery从json中获取对应属性的对象
时间: 2023-10-01 09:03:19 浏览: 47
您可以使用jQuery的`$.each()`方法来遍历JSON对象并获取具有特定属性值的对象。假设您有以下JSON数据:
```javascript
var data = {
"items": [
{"id": 1, "name": "John"},
{"id": 2, "name": "Jane"},
{"id": 3, "name": "Bob"}
]
};
```
您可以使用以下代码从JSON对象中获取具有`id`属性值为2的对象:
```javascript
var item;
$.each(data.items, function(index, value) {
if (value.id === 2) {
item = value;
return false;
}
});
```
此代码将遍历`data.items`数组,并在找到具有`id`属性值为2的对象时将其存储在`item`变量中。`return false;`语句使`$.each()`方法在找到匹配项后立即退出循环。
注意,如果您的JSON数据是从服务器获取的,则需要在回调函数中执行此代码,以确保在JSON数据可用时执行遍历。例如,如果您使用jQuery的`$.getJSON()`方法从服务器获取JSON数据,则可以使用以下代码:
```javascript
$.getJSON("yourJSONurl", function(data) {
var item;
$.each(data.items, function(index, value) {
if (value.id === 2) {
item = value;
return false;
}
});
// 在此处执行需要使用item变量的代码
});
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)