javascript - keyup イベントで .has() を使用する

Question

.has()セレクターを使用して、体に画像がある場合にのみキー コントロールを実行しようとしています。

これは私が現在試していることですが、うまくいきません。

if ($('body').has('img')){
   $(document).on('keyup', function (event) {
     if (event.which === 37) {
       console.log('test');
     }
   });
}

Answer 1

これを試して

if ($('body img').length) {
}

Answer 2

プレーンセレクターを使用して画像があるかどうかを確認したい：

if ($('img').length) {
   $(document).on('keyup', function (event) {
     if (event.which === 37) {
       console.log('test');
     }
   });
}

ここにフィドルが働いています

Answer 3

なぜだめですか：

$(document).on('keyup', 'body', function (event) {
    if($(this).find('img').length) {
       if (event.which === 37) {
           console.log('test');
       }
    }
});

Answer 4

ハンドラを body 要素に登録しても問題がなく、画像の状態が動的である場合

$(document).on('keyup', 'body:has(img)', function (event) {
    if (event.which === 37) {
        console.log('test');
    }
});