jquery - img が jquery に alt を持っているかどうかを調べ、そうでない場合は配列から追加します

Question

最初にサイト内のすべての img を見つける必要があります

$("#body").find(img)

次に、img に「alt」属性があるかどうかを確認します。画像に属性がある場合はエスケープされます。属性がない場合、または alt が空の場合は、文字列がリストまたは配列から img にランダムに追加されます。

関数で .each() を使用する必要があるようになりましたが、jquery は初めてなので、少し助けていただければ完璧です。

Answer 1

var arr = ['hello', 'hi', 'yo'];
$('#body img').each(function() {
    if ( ! $(this).attr('alt'))
        $(this).attr('alt', arr[Math.round(Math.random() * (arr.length - 1)))]);
});

Answer 2

1つのセレクターですべてを実行できます。

$("#body img[alt!='']").each(function(){
    // What you want here...
});

またはこれ：

$("#body img[alt!=''][alt]").each(function(){

DOM構造に依存します。

またはfilter関数付き：

$("#body img").filter(function(){
    return this.alt;
}).each(function(){
    // What you want here...
});

すべてを1つで実行したい場合はeach、次を使用できます。

$("#body img").each(function(){
    if (this.alt)
        // Do something.
    else
        // Do something else.
});

Answer 3

これはあなたが始めるのに役立つはずです：

$("#body img").each(function(){
   var $this = $(this);
   if (!$this.attr("alt")){
     //do something
   }
});