ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでリストコレクションを走査する方法

jqueryでリストコレクションを走査する方法

王林
リリース: 2020-11-30 11:49:55
オリジナル
3302 人が閲覧しました

リスト コレクションを走査する Jquery メソッド: [$.each(obj, function(n, value)] など、各メソッドを使用して走査できます。各メソッドは、実行される関数を指定します。

jqueryでリストコレクションを走査する方法

このチュートリアルの動作環境: Windows10 システム、jquery2.2.4 バージョン、この方法はすべてのブランドのコンピューターに適しています。

(学習ビデオ共有:

jquery ビデオ チュートリアル)

メソッドの紹介:

each() メソッドは、実行する関数を指定します。一致する各要素。

構文:

$(selector).each(function(index,element))
ログイン後にコピー

パラメータ:

function(index,element) 必須。一致する各要素に対して実行する関数を指定します。index - インデックスセレクター要素の位置 - 現在の要素 (「this」セレクターを使用することもできます)

実装コードは次のとおりです:

<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script  type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历List集合 .each的使用-------------
var obj =[{"name ":"项海军","password ":"123456 "},{"name ":"科比","password ":"333333 "}];
$("#result ").html("遍历List集合.each的使用");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+&#39; &#39;+value);
var trs = "";
trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>";
tbody += trs;
});
$("#project").append(tbody);
});
</script >
ログイン後にコピー

プログラミング関連の知識の詳細については、次を参照してください。

プログラミング学習!!

以上がjqueryでリストコレクションを走査する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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