Maison > interface Web > js tutoriel > Exemple de chaque parcours d'objets et de tableaux dans jquery_jquery

Exemple de chaque parcours d'objets et de tableaux dans jquery_jquery

WBOY
Libérer: 2016-05-16 16:40:21
original
1205 Les gens l'ont consulté

Méthode de traversée universelle, qui peut être utilisée pour parcourir des objets et des tableaux. $().each(), la fonction de rappel a deux paramètres :

Le premier est l'index du membre ou du tableau de l'objet, et le second est la variable ou le contenu correspondant. Si vous souhaitez quitter chaque boucle, vous pouvez faire en sorte que la fonction de rappel renvoie false

Il existe deux options comme suit

计划类别: 
<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>
Copier après la connexion

Utilisez chaque méthode pour obtenir la valeur du texte en option, à savoir -all-, new, continue...

Si vous n'utilisez chaque boucle qu'une seule fois, vous pouvez partir de l'option

$("option").each(function(index,data){ 
console.info($( data ).text()); 
//或者console.info($(this).text()); 
})
Copier après la connexion

Vous pouvez également partir de la sélection

$("select").each(function( index,data){ 
$("option", data).each(function(m,n){ 
console.info($(this).text()); 
}) 
})
Copier après la connexion

$("option", data) doit être ajouté avec data ou $("option",this) pour indiquer l'option

sous cet objet

Sinon, toutes les options sont possibles.

--------------------------Magnifique ligne de démarcation----------------- - -----------

Il existe une autre utilisation de chaque jQuery.each(object, [callback])
Contrairement à la méthode $().each() des objets jQuery, cette méthode peut être utilisée pour parcourir n'importe quel objet.

Utilisez cette méthode pour parcourir le code ci-dessus

$.each($("option"),function(index,data){ 
console.info(index+" "+data); 
})
Copier après la connexion

Vous pouvez également parcourir des tableaux

$.each( [0,1,2], function(i, n){ 
console.info( "Index:" + i + ": " + n ); 
});
Copier après la connexion

Traverser des objets

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal