3

alt各 Web ページの各画像に属性を追加する必要があります。問題は、これらの Web ページのいくつかに何百もの画像があることです。

ページ上の各画像について、画像の名前 (拡張子を除いたもの) を新しいalt属性にコピーする JavaScript または jQuery を使用するアプローチを提案できる人はいますか?

前：

<img src="android.jpg width="100" height="50" />

後(「.jpg」を除く) :

<img src="android.jpg width="100" height="50" alt="android" />
4

3 に答える 3

13

jQueryの場合：

$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring(0, filename.lastIndexOf('.')));
  });
});

次を追加することで、alt属性がまだ存在しないかどうかを前に尋ねることができます。

var attr = $(this).attr('alt');
    if (typeof attr == typeof undefined || attr == false) {
于 2011-04-27T07:41:15.303 に答える
3

JavaScript のアプローチは次のとおりです。

function runScript() {
    for (i = 0; i < document.getElementsByTagName("img").length; i++) {
        document.getElementsByTagName("img")[i].setAttribute(
            "alt", document.getElementsByTagName("img")[i].src);
    }
}

runScript()ページが読み込まれたら、関数を実行してください!

于 2011-04-27T07:37:03.643 に答える