jquery - Jquery 名セレクターのテキストのぼかし

Question

名前の付いたテキスト ボックスがいくつかあります。

 1. txt_provider_quote_1
 2. txt_provider_quote_2
 3. txt_provider_quote_3

 4. txt_provider_quote_dlg_1
 5. txt_provider_quote_dlg_2
 6. txt_provider_quote_dlg_3

そしてぼかし機能：

$('input[name^=txt_provider_quote_]').blur(function(){
    alert("hi");
});

ぼかしは 6 つのテキスト ボックスすべてに対して実行されます。最初の3つのテキストボックスに対してのみ実行したい。

Answer 1

コレクションから不要な要素を除外する必要があります。試す：

$('input[name^=txt_provider_quote_]').not('input[name^=txt_provider_quote_dlg]').blur(function(){
    alert("hi");
});

代わりは。

Answer 2

次のように、影響を受ける入力に共通のクラス属性を追加します。

<input type="text" name="txt_provider_quote_1" class="blur_affected">
<input type="text" name="txt_provider_quote_2" class="blur_affected">
<input type="text" name="txt_provider_quote_3" class="blur_affected">

他の入力ではこのクラスを省略します。

<input type="text" name="txt_provider_quote_dlg_1">
<input type="text" name="txt_provider_quote_dlg_2">
<input type="text" name="txt_provider_quote_dlg_3">

そして今jQuery：

$('input.blur_affected').blur(function(){
    alert("hi");
});

Answer 3

これを試して、

    $('input[name^=txt_provider_quote_]').not('input[name^=txt_provider_quote_dlg]').blur(function(){
       alert("hi");
    });

ここにデモがあります