jquery - div要素がフォーカスを取得したときに要素を有効/無効にする

Question

div内に特定の数の入力要素があります。div 内の入力要素のいずれかがフォーカスを取得すると、div の外側の要素を無効にしたいですか? jqueryでこれを行うにはどうすればよいですか??

Answer 1

例として次のHTMLを想定します。

<div class="div">
     <input type="text" />
     <input type="text" /> 
     <input type="text" /> 
</div>

<input type="text" class="b"/>

フォーカスイベントとブラーイベントを使用して、次のスクリプトを使用できます。

$('.div input[type="text"]').on('focus', function(){
    $('.b').prop('disabled', true);

}).on('blur', function(){
     $('.b').prop('disabled', false); 
});

フィドルをチェック