Jquery操作数组元素(-)_jquery 元素數組-优快云博客

本文链接：https://blog.youkuaiyun.com/wdfscp/article/details/8245307

本文通过一个具体的示例展示了如何使用 jQuery 中的 map() 方法来处理数组，并将其转换为 HTML 列表。同时介绍了 toUpperCase 和 toLowerCase 方法用于转换字符串的大小写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var members = ["John", "Steve", "Ben", "Damo", "Ian"];

            members = $.map(members, function (n, i) {
                return (i + 1 + "." + n);
            });
            $("#p1").html(members.join("<br/>"));

            members2 = $.map(members, function (m, j) {
                return (j + 1 + "." + m.toUpperCase());
            });
            $("#p2").html(members2.join("<br/>"));

            members3 = $.map(members2, function (x) {
                return (x.toUpperCase());
            });
            $.each(members3, function (index, value) {
                $("#list").append("<li>" + value + "</li>");
            });
        });
    </script>
</head>
<body>
    <h3>
        使用有序列表</h3>
    <p id="p1">
    </p>
    <p id="p2">
    </p>
    <ol id="list">   
    </ol>
</body>
</html>

注释：map()方法迭代数组的每个元素，并为每个数组元素分别调用一次回调函数。可以把返回的元素分配到另一个数组，也可以分配到同一数组。map（）方法也可以遍历具有length属性、类似数组的对象。map（）方法的回调函数包含两个参数，即n和i，也可以用其它字母表示，其中n指向传递到map()方法的数组元素，i是单独的数组元素的索引(索引从0开始)。

toLowerCase 方法
返回一个字符串，该字符串中的字母被转换为小写字母。

//转换成大写
toUpperCase 方法
返回一个字符串，该字符串中的所有字母都被转化为大写字母。