Heim >Web-Frontend >js-Tutorial >Beispiel für das Durchlaufen von Objekten und Arrays in jquery_jquery
Universelle Traversierungsmethode, die zum Traversieren von Objekten und Arrays verwendet werden kann. $().each(), die Rückruffunktion hat zwei Parameter:
Der erste ist der Index des Mitglieds oder Arrays des Objekts und der zweite ist die entsprechende Variable oder der entsprechende Inhalt. Wenn Sie jede Schleife verlassen möchten, können Sie dafür sorgen, dass die Rückruffunktion „false“ zurückgibt
Es gibt zwei Möglichkeiten:
计划类别: <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>
Verwenden Sie jede Methode, um den Textwert in der Option abzurufen, nämlich -all-, new, continue...
Wenn Sie jede Schleife nur einmal verwenden, können Sie mit der Option beginnen
$("option").each(function(index,data){ console.info($( data ).text()); //或者console.info($(this).text()); })
Sie können auch mit der Auswahl beginnen
$("select").each(function( index,data){ $("option", data).each(function(m,n){ console.info($(this).text()); }) })
$("option", data) muss mit data oder $("option",this) hinzugefügt werden, um die Option
unter diesem Objekt anzugebenAnsonsten gibt es alle Möglichkeiten.
--------------------------Wunderschöne Trennlinie----------------- - -----------
Es gibt eine andere Verwendung für jedes jQuery.each(object, [callback])
Im Gegensatz zur Methode $().each() von jQuery-Objekten kann diese Methode zum Durchlaufen jedes Objekts verwendet werden.
Verwenden Sie diese Methode, um den obigen Code zu durchlaufen
$.each($("option"),function(index,data){ console.info(index+" "+data); })
Sie können auch Arrays durchlaufen
$.each( [0,1,2], function(i, n){ console.info( "Index:" + i + ": " + n ); });
Objekte durchqueren
$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ console.info("Name: " + i + ", Value: " + n); });