jquery中怎么获取数组的长度

coldplay.xixi 原创: 2023-01-04 09:36:52 3238浏览

jquery中获取数组长度的方法：可以使用length属性获取数组的长度，length属性包含jQuery对象中元素的数目，属性语法为【$(selector).length】。

本教程操作环境：windows7系统、jquery3.2.1版本、thinkpad t480电脑。

推荐：jquery视频教程

jquery中获取数组长度的方法：

1、新版

jquery中可以使用length属性获取数组的长度，length属性包含jQuery对象中元素的数目。属性语法为$(selector).length。

示例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>显示数组中的各个元素</title>
        <link rel="stylesheet" href="common.css" type="text/css" />
        <script src="jquery-1.5.2.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready( function() {
                var members = ["Mickey", "William", "Henry"];
                $('h2').text('Members of my group: ');
                $('p').html(members.join("<br />"));
                var memberlist = $("#list");
                $.each(members, function(index, value){
                    //append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
                    memberlist.append(index + " : " + value );
                    memberlist.append("<li>"+value+"</li>");
                });
                //下面利用jQuery获取li中内容的数组，并计算数组长度
                var names = $('li').get();
                alert("获得了数组，数组长度为：" + names.length);
            });
        </script>
    </head>
    <body>
        <h2>Hello</h2>
        <p></p>
        <ol id="list">
        </ol>
    </body>
</html>

2、旧版

在旧版jquery中可以使用size()方法来获取数组的长度。（新版的JQ已经去掉size方法）

使用方法如下：