jQuery - 创建网页中使用的所有CSS或JS文件的列表

Question

我想创建一个我的网站中使用的所有CSS或JS文件的列表.

HTML:

<link rel="stylesheet" type="text/css" href="/css/1.css" />
<link rel="stylesheet" type="text/css" href="/css/2.css" />
<script type="text/javascript" src="/js/1.js"></script>
<script type="text/javascript" src="/js/2.js"></script>

需要的结果:

1.css
2.css
1.js
2.js

最有效的方法是什么？

Answer 1

要获取已列出的元素的href或src属性,可以使用jquery .attr.

这是一个小提琴演示:

http://jsfiddle.net/dgfzywwv/1/

console.log($('link').attr('href'));
console.log($('script').attr('src'));

使用循环或地图或其他东西来浏览可用元素.然后使用打印结果attr.

(如果使用chrome查看结果,请按F12并单击控制台).