javascript - jqueryで画像にalt属性があるかどうかを確認する方法

Question

alt属性を持つ画像にはクラスを1つ、alt属性を持たない画像にはクラスを1つ追加したいです。

私はこれを試しましたが、うまくいきません

if ($(img).hasAttr('alt'))
{
    this.addClass("haveAlt");   
}

Answer 1

属性セレクターを使用できます。

$('img[alt]').addClass('haveAlt');

alt属性を持たないものについては、:notセレクターを使用します。

$('img:not([alt])').addClass('noAlt');

1回の関数呼び出しで両方のケースを処理するための補足として、次を使用できます。

$('img').addClass(function(){
    return this.alt ? "haveAlt": "noAlt";
});