ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery でのオブジェクトと配列の各走査の例
オブジェクトと配列を走査するために使用できるユニバーサル トラバーサル メソッド。 $().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); });