<script type=”text/javascript” src=”https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js”></script>
将上面这个引入html。
 
  1.  1 function $selector(tag){
  2.  2     var el=$(tag).toArray();
  3.  3     var els=el.map(function(element,index){
  4.  4     var obj={}
  5.  5     if(element.className&&element.id){
  6.  6         obj.id=`#${element.id}`;
  7.  7         obj.class=`.${element.className.replace(/ /g,',.')}`.split(',');
  8.  8         return obj;
  9.  9     }
  10. 10     else if(element.className){
  11. 11         obj.class=`.${element.className}`;
  12. 12         return obj;
  13. 13     }
  14. 14     else if(element.id){
  15. 15         obj.id=`.${element.id}`;
  16. 16         return obj;
  17. 17     }
  18. 18     });
  19. 19     return els;
  20. 20 }

通过$seleclor(‘标签名’)使用该方法。

例如：

  1. 1 $selector('div');        //获取页面所有div的选择器，每个div的id和class选择器会分开存放
  2. 2     
  3. 3 $selector('p');          //获取页面所有p标签的选择器
  4. 4 
  5. 5 $selector('a');          //获取页面所有a标签的选择器

 

控制台实现效果图：

 

 

 

 

 

版权声明：本文为stardreams原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/stardreams/p/12551587.html