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='selectId'> <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='"+value+"'>"+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 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!