首頁 >web前端 >js教程 >jquery中怎麼取得數組的長度

jquery中怎麼取得數組的長度

coldplay.xixi
coldplay.xixi原創
2020-12-11 10:07:094241瀏覽

jquery中取得陣列長度的方法:可以使用length屬性取得陣列的長度,length屬性包含jQuery物件中元素的數目,屬性語法為【$(selector).length】。

jquery中怎麼取得數組的長度

本教學操作環境: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"];
                $(&#39;h2&#39;).text(&#39;Members of my group: &#39;);
                $(&#39;p&#39;).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 = $(&#39;li&#39;).get();
                alert("获得了数组,数组长度为:" + names.length);
            });
        </script>
    </head>
    <body>
        <h2>Hello</h2>
        <p></p>
        <ol id="list">
        </ol>
    </body>
</html>

2、舊版

#在舊版jquery中可以使用size()方法來取得陣列的長度。 (新版的JQ已經去掉size方法)

使用方法如下:

console.log($("li").size());

相關免費學習推薦:javascript#(影片)

以上是jquery中怎麼取得數組的長度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn