0

私は非常に古いサイトを持っており、ファイルがたくさんあります。何年もの間、年ごとに特定の方法でまとめられ、整理されていました。さて、私はサイトをアップグレードしています。しかし、あるセクションの「記事」セクションには 1,000 近くのファイルがあり、1 つまたは 2 つの画像を手動で編集したくありません。

../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 に答える