jQuery の each() メソッドは何をするのでしょうか?-jsチュートリアル-php.cn

jQuery の each() メソッドは何をするのでしょうか?

清浅

リリース： 2018-12-13 09:11:21

オリジナル

6394 人が閲覧しました

jQuery の each() メソッドの主な機能は、異なるデータをループすることです。これを使用して、同じセレクターから複数の DOM オブジェクトをループできます。今日は、配列やオブジェクトなどのさまざまなデータをループできるようにする jQuery の each() 関数の使用法を紹介します。 jQuery の each() 関数は、jQuery で最もよく使用される関数の 1 つです。次の記事でこのメソッドの使用方法を詳しく紹介します。

【おすすめコース:

jQueryチュートリアル】

# #jQuery の each() 関数は、for each ループと同様にデータをループするために使用されます。したがって、これを使用して、同じセレクターから複数の DOM オブジェクトをループすることができます。

jQuery の each() メソッドは何をするのでしょうか?

each() メソッド

一致する要素ごとに実行される関数を指定します。

$(selector).each(function(index,element))

ログイン後にコピー

function(index,element): 一致する要素ごとに実行する関数を指定します。

index: セレクターのインデックス位置、インデックス値を取得します。

element: 現在の要素 (「this」セレクターも使用できます)

When inside各関数では、 this キーワードを使用して現在の要素にアクセスできますが、このオブジェクトは jQuery オブジェクトではありません

$("a").each(function(){
$(this);
})

ログイン後にコピー

ループの現在のインデックスを取得します

<body>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>
<script src="jquery/jquery-1.12.4.js"></script>
<script>
	$(function(){
		$("li").each(function(i){
			console.log(i);
		})
	})
</script>
	</body>

ログイン後にコピー

結果は以下のようになります。

配列をループします: jQuery の each() メソッドは何をするのでしょうか?

これを使用して、配列を反復処理できます。配列を取得し、配列内のインデックス値と位置の値を取得します。

<script src="jquery/jquery-1.12.4.js"></script>
<script>
var array=[&#39;Chinese&#39;,&#39;Math&#39;,&#39;English&#39;]
	
$.each(array,function(index,value){
console.log(index+":"+value);
})
</script>

ログイン後にコピー

結果は以下のようになります:

#ループオブジェクト: jQuery の each() メソッドは何をするのでしょうか?

これを使用して次のことができます。オブジェクトを走査し、オブジェクト内のインデックス値と位置を取得します。

<script src="jquery/jquery-1.12.4.js"></script>
<script>
	var obj={
	name:"张三",
	age:"18",
	subject:"English"
};
$.each(obj,function(index,value){
console.log("信息："+index+":"+value);
		})

</script>

ログイン後にコピー

結果は次のとおりです:

要約: 以上がこの記事の内容全体です。誰もが理解している jQuery の each() メソッドをある程度理解しています。

jQuery の each() メソッドは何をするのでしょうか?