ホームページ > 記事 > ウェブフロントエンド > jQueryでのそれぞれの使用形式は何ですか
jQueryでのそれぞれの使用形式は何ですか
- WBOYオリジナル
- 2021-12-23 17:41:321730ブラウズ
jqueryにおけるeachの使用形式は「$(selector).each(function(index,element))」となります。each()メソッドは要素をマッチングさせて実行する関数を指定することができます。指定されたオブジェクトと配列を走査するために使用されます。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery での each の使用形式は何ですか。
each() メソッドは、一致する要素ごとに実行される関数を指定します。
ヒント: false を返すと、ループを早期に停止することができます。
構文は次のとおりです:
$(selector).each(function(index,element))
パラメータは次のように表されます:
function(index,element) は必須パラメータであり、実行される関数を示します。それぞれの一致する要素。
index はセレクターのインデックス位置を表し、element は現在の要素を表します (「this」セレクターも使用できます)
例は次のとおりです
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>出力result:
ボタンをクリックすると、出力は次のようになります:
以上がjQueryでのそれぞれの使用形式は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。