jqueryで配列の長さを取得する方法

coldplay.xixi
リリース: 2023-01-04 09:36:52
オリジナル
4190 人が閲覧しました

jquery で配列の長さを取得する方法: length 属性を使用して、配列の長さを取得できます。length 属性には、jQuery オブジェクトの要素の数が含まれます。属性の構文は [$ (セレクター).長さ]。

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 の新しいバージョンでは、サイズ メソッドが削除されました)

使用方法は次のとおりです:

console.log($("li").size());
ログイン後にコピー

関連する無料学習の推奨事項:

javascript (ビデオ)

以上がjqueryで配列の長さを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート