Maison  >  Article  >  interface Web  >  Comment ajouter dynamiquement et obtenir le nom du style dans jquery

Comment ajouter dynamiquement et obtenir le nom du style dans jquery

亚连
亚连original
2018-06-09 10:31:132229parcourir

Ci-dessous, je vais partager avec vous une méthode d'option utilisant jquery pour ajouter et parcourir dynamiquement des options et obtenir des noms de style spécifiques. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

L'exemple est le suivant :

<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<select class="form-control" id=&#39;selectId&#39;> 
<option class="all" value="0">全部</option> 
<option class="all" value="1">os2</option> 
<option>os2-anthonos</option> 
<option>os2-apps</option> 
<option>os2-centralpoint</option> 
<option>kf5-experimental</option> 
</select> 
<script> 
 //动态添加option 
 //$("#selectId").append("<option value=&#39;"+value+"&#39;>"+text+"</option>"); 
 $(document).ready(function(){ 
 var string = ""; 
 $("#selectId option").each(function(){ //遍历全部option 
 var text = $(this).text(); //获取option的text 
 var value = $(this).val(); //获取option的value 
 if($(this).attr("class")=="all") 
  string +="{"+text+":"+value+"}"; 
 }); 
 alert(string.substring(0,string.length)); 
}); 
</script>

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde. à l'avenir.

Articles connexes :

Comment implémenter plusieurs téléchargements de fichiers dans les mini-programmes WeChat

Comment implémenter la lecture et l'écriture dans un cookie JavaScript

Comment afficher la copie complète dans vue

Comment utiliser le composant Switch dans l'applet WeChat

Comment importer le plug-in swiper dans vue ?

Comment implémenter l'écran de verrouillage du modèle de geste via l'applet WeChat

Comment utiliser le plug-in de progression de chargement NProgress.js dans jQuery

Comment utiliser le plug-in de progression de chargement NProgress.js dans jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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