jquery动态添加以及遍历option并获取特定样式名称的option

1. <pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  
2. <select class="form-control" id='selectId'>  
3. <option class="all" value="0">全部</option>  
4. <option class="all" value="1">os2</option>  
5. <option>os2-anthonos</option>  
6. <option>os2-apps</option>  
7. <option>os2-centralpoint</option>  
8. <option>kf5-experimental</option>  
9. </select>  
10. <script>  
11.   //动态添加option  
12.   //$("#selectId").append("<option value='"+value+"'>"+text+"</option>");  
13.   $(document).ready(function(){  
14.   var string = "";  
15.   $("#selectId option").each(function(){ //遍历全部option  
16.   var text = $(this).text(); //获取option的text  
17.   var value = $(this).val(); //获取option的value  
18.   if($(this).attr("class")=="all")  
19.     string +="{"+text+":"+value+"}";  
20.   });  
21.   alert(string.substring(0,string.length));  
22. });  
23. </script> 
    

来源:http://blog.csdn.net/wulianwang001/article/details/48601063