特定の値で入力の色を変更する方法

Question

"--Select--"の値を持つページの入力の色を変更したいと思います。次のコードは、ぼかしで動作します：

setTimeout(() => { 
       $(document).ready(function() {     
         if ($('input').val().indexOf('Select') !== -1) { 
          $(this).css('color', '#6D6E71'); 
         }   
       }); 
}, 500); 

：

setTimeout(() => { 
      $(document).ready(function() { 
       $('input').blur(function() { 
        if ($(this).val().indexOf('Select') !== -1) { 
         $(this).css('color', '#6D6E71'); 
        } 
       }); 
      }); 
}, 500); 

しかし、私は値を任意の入力の色を変更したいので、「 - 選択 - 」ページ読み込み時に、私はにコードを変更しました

このコードは機能しません。何故なの？それをどのように変更すればうまくいくのですか？どんな助けもありがとう。

Answer 1

$('input')コレクションのすべての入力を確認していません。 $('input').val()は、コレクションの最初の入力値のみを返します。 each()を使用すると、コレクション全体を繰り返し処理できます。

setTimeout(() => { 
    $(document).ready(function() { 
     $('input').each(function() { 
      if ($(this).val().indexOf('Select') !== -1) { 
       $(this).css('color', '#6D6E71'); 
      } 
     }); 
    }); 
}, 500);