0

我有一个非常古老的网站，里面有很多文件，多年来它是按年以特定方式组合和组织的。好吧，我正在升级网站。但是在“文章”部分的一个部分中，我有接近 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”，因此我可以在最后使用 JS 将一个新的 URL 整体应用于 src 属性，这会改变这不是我的问题，匹配它以便我可以获取文件，并更改将文件附加到 url 的 url 是我的问题

4

1 回答 1

3

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

var images = [];

$('img[src^="../imgs/"]').each(function(i, el) {
    images.push( $(el).attr('src').split('/').pop() );
});
于 2013-05-23T23:20:26.283 回答