jquery取数组的某个元素的属性

原创

mob64ca12e7f20c 2024-06-26 06:49:49 ©著作权

文章标签 数组 jQuery ci 文章分类 jQuery 前端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e7f20c的原创作品，请联系作者获取转载授权，否则将追究法律责任

jQuery取数组的某个元素的属性

在前端开发中，经常会遇到需要操作数组中的元素的情况。而使用jQuery可以很方便地取出数组中某个元素的属性。本文将介绍如何使用jQuery取数组的某个元素的属性，并且给出代码示例。

jQuery取数组元素属性的方法

在jQuery中，可以使用each()方法循环遍历数组，并通过选择器找到数组中的某个元素，再使用.attr()方法获取元素的属性值。下面是具体的步骤：

使用each()方法遍历数组
使用选择器选择要获取属性的元素
使用.attr()方法获取属性值

代码示例

假设我们有一个存储城市信息的数组cities，每个城市信息包含城市名和人口数量：

let cities = [
    { name: "New York", population: 8175133 },
    { name: "Los Angeles", population: 3792621 },
    { name: "Chicago", population: 2695598 },
    { name: "Houston", population: 2100263 },
    { name: "Phoenix", population: 1445632 }
];

现在我们想要获取Los Angeles这个城市的人口数量。我们可以使用如下代码：

$(document).ready(function() {
    $.each(cities, function(index, city) {
        if (city.name === "Los Angeles") {
            let population = $(this).attr("population");
            console.log("Los Angeles的人口数量为：" + population);
        }
    });
});

在上面的代码中，我们使用each()方法遍历cities数组，然后根据城市名找到Los Angeles这个城市的对象，并使用.attr()方法获取人口数量属性值。

旅行图

下面是使用mermaid语法中的journey标识的旅行图：

journey
    title 旅行图示例
    section 出发
        地点1 --> 地点2 : 步行
    section 第一站
        地点2 --> 地点3 : 自行车
    section 第二站
        地点3 --> 地点4 : 公交
    section 终点
        地点4 --> 目的地 : 步行