ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery でのオブジェクトと配列の各走査の例

jquery_jquery でのオブジェクトと配列の各走査の例

WBOY
リリース: 2016-05-16 16:40:21
オリジナル
1186 人が閲覧しました

オブジェクトと配列を走査するために使用できるユニバーサル トラバーサル メソッド。 $().each()、コールバック関数には 2 つのパラメータがあります:

最初のものはオブジェクトのメンバーまたは配列のインデックスで、2 番目のものは対応する変数またはコンテンツです。各ループを終了したい場合は、コールバック関数が false を返すようにすることができます

次の 2 つのオプションがあります

计划类别: 
<select id="PLANTYPE"> 
<option value="0">-所有-</option> 
<option value="1">新建</option> 
<option value="2">续建</option> 
</select> 
申报类型: 
<select id="AUDITTYPE"> 
<option value="0">-所有-</option> 
<option value="1">申报</option> 
<option value="2">修改</option> 
</select>
ログイン後にコピー

各メソッドを使用して、オプションのテキスト値を取得します。つまり、-all-、new、Continue...

各ループを 1 回だけ使用する場合は、オプションから開始できます

$("option").each(function(index,data){ 
console.info($( data ).text()); 
//或者console.info($(this).text()); 
})
ログイン後にコピー

選択から開始することもできます

$("select").each(function( index,data){ 
$("option", data).each(function(m,n){ 
console.info($(this).text()); 
}) 
})
ログイン後にコピー
このオブジェクトの下のオプション

を示すには、

$("option", data) に data または $("option",this) を追加する必要があります

それ以外の場合はすべてオプションです。

---------------------------ゴージャスな分割線--------------- - -----------

各 jQuery.each(object, [callback]) には別の使用法があります
jQuery オブジェクトの $().each() メソッドとは異なり、このメソッドは任意のオブジェクトを反復処理するために使用できます。

このメソッドを使用して上記のコードを走査します

$.each($("option"),function(index,data){ 
console.info(index+" "+data); 
})
ログイン後にコピー

配列を走査することもできます

$.each( [0,1,2], function(i, n){ 
console.info( "Index:" + i + ": " + n ); 
});
ログイン後にコピー

オブジェクトをトラバースします

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});
ログイン後にコピー

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