jQuery_jqueryの each() メソッドの使用例

この記事の例では、jQuery での each() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素内の各要素をコンテキストとして設定して関数を実行できます。

関数が実行されるたびに、関数の実行環境は一致する要素コレクション内の別の DOM 要素となり、コレクション内のこの要素のインデックスがこの関数に渡され、インデックス値は 0 から始まります。 false を返すと、ループを早期に停止することができます。true を返すと、一致する要素内のすべての要素が走査されるまで関数が実行され続けます。
each() メソッドは jQuery.each() メソッドとは異なります。 each() メソッドは JQuery オブジェクトのみを走査できますが、jQuery.each() メソッドは任意のオブジェクトを走査できます。
文法構造:

コードをコピー コードは次のとおりです。

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

パラメータリスト:

参数	描述
function(index,element)	每个匹配元素定义运行的方法。 index - 可选。当前上下文元素在匹配元素集合中的索引。 element -可选。当前的元素（也可使用 "this" 选择器）。

コード例:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("li").each(function(index,element){
アラート($(要素).text())
})
})
})

• バックステージエリア


• フロントデスクエリア


• データベースエリア


• ウェブマスター ゾーン

クリックして効果を確認してください

上記のコードは、li 要素コレクション内の各要素を容易にし、li 要素内のテキストを返すことができます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。