Home > Web Front-end > JS Tutorial > body text

How to dynamically add and get the style name in jquery

亚连
Release: 2018-06-09 10:31:13
Original
2271 people have browsed it

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>
Copy after login

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!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!