So fügen Sie den Stilnamen dynamisch in JQuery hinzu und erhalten ihn

Im Folgenden werde ich Ihnen eine Optionsmethode vorstellen, die JQuery verwendet, um Optionen dynamisch hinzuzufügen und zu durchlaufen und bestimmte Stilnamen zu erhalten. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Das Beispiel ist wie folgt:

<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>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein Zukunft.

Verwandte Artikel:

So implementieren Sie mehrere Dateidownloads in WeChat-Miniprogrammen

So implementieren Sie Lesen und Schreiben in JavaScript-Cookies

So zeigen Sie Deep Copy in Vue an

So verwenden Sie die Switch-Komponente im WeChat-Applet

Wie importiere ich das Swiper-Plugin in Vue?

So implementieren Sie den Gestenmuster-Sperrbildschirm über das WeChat-Applet

So verwenden Sie das Ladefortschritts-Plug-in NProgress.js in jQuery

So verwenden Sie das Ladefortschritts-Plug-in NProgress.js in jQuery

Das obige ist der detaillierte Inhalt vonSo fügen Sie den Stilnamen dynamisch in JQuery hinzu und erhalten ihn. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!