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

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

WBOY
WBOYオリジナル
2016-05-16 16:40:211184ブラウズ

オブジェクトと配列を走査するために使用できるユニバーサル トラバーサル メソッド。 $().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); 
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。