How to dynamically add and get the style name in jquery

Below I will share with you an option method using jquery to dynamically add and traverse options and obtain specific style names. It has a good reference value and I hope it will be helpful to everyone.

The example is as follows:

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

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

How to implement multiple file downloads in WeChat mini programs

How to implement reading and writing in JavaScript cookie

How to view deep copy in vue

How to use switch component in WeChat applet

How to import the swiper plug-in in vue?

How to implement gesture pattern lock screen through WeChat applet

How to use the NProgress.js loading progress plug-in in jQuery

How to use the NProgress.js loading progress plug-in in jQuery

The above is the detailed content of How to dynamically add and get the style name in jquery. For more information, please follow other related articles on the PHP Chinese website!