javascript 或 jquery 获取图像源的方法(如果......匹配特定模式)

Question

我有一个非常古老的网站，其中有很多文件，多年来它都是按年份以特定的方式组合和组织的。嗯，我正在升级网站。但在“文章”部分中，我有近 1,000 个文件，我不想浏览这些文件并手动编辑每个文件中的一两张图像。

所以我希望我能找到一种方法来匹配源标记，当源为 ../imgs/ 时，我可以找到正在使用的实际文件名，只需更改源即可。我的问题是找到与 dired 匹配的源属性，然后从其末尾获取图像名称。当完整路径可能像

../imgs/i2012/image-file.png、../imgs/i2011/image-file.png、../imgs/i2010/image-file.png, ../imgs/i20xx/image-file.png “image-file.png”只是一个任意示例

图像标签很难可视化，所以我在这里添加一个以供引用..

<img src="../imgs/i2012/example-image.png" alt="example-image" vspace="5" hspace="5" align="left" />

并尝试重新阐述，并非网站上的所有图像都停止工作，其他所有图像都停止工作，但那些使用与上述类似的图像源属性的图像除外，但 i20xx 和文件名不同。所以。我想弄清楚如何获取该图像 src 标签。查找其中是否有 ../imgs/ ，如果有，我想从中获取“example-image.png”，这样我就可以整体应用一个新的 URL最后使用 JS 到 src 属性，更改它不是我的问题，匹配它以便我可以获取文件，并更改将该文件附加到 url 的 url 是我的问题

Answer 1

您可以使用属性开头选择器来匹配源开头为的任何图像../imgs/，然后迭代这些图像，将文件名放入数组中:

var images = [];

$('img[src^="../imgs/"]').each(function(i, el) {
    images.push( $(el).attr('src').split('/').pop() );
});