2016-12-12 16 views
0

私は2つのフィールドを持っており、ユーザーが(例えば)ぼやけたときに両方のフィールドに正確な機能が必要です。ORステートメントをjQueryに入れることは可能ですか

<input type = "text" class = "one"> 
<br> 
<input type = "text" class = "two"> 

$(".one").blur(function() { 
    alert("Hello"); 
}); 

$(".two").blur(function() { 
    alert("Hello"); 
}); 

これらの2つを適切な方法でマージできますか?私は同じコードを繰り返したいとは思わない。

ような何か:

$(".one") || $(".two") 
    .blur(function() { 
     alert("Hello"); 
    }); 
+1

https://api.jquery.com/multiple-selector/ – epascarello

答えて

2

のためにそれをしたい場合:

$("#one, #two").blur(function() { 
    alert("Hello"); 
}); 

https://api.jquery.com/multiple-selector/を参照してください。

しかし、FYI、あなたのHTMLは、クラス(class="one")を使用している、とあなたにあなたがIDS(#one)を持っているjavascriptの、あなたがid="one"を行うか、JavaScriptで.oneを使用する必要がありますどちらか。

より良い解決策は、おそらくのようになりますので:

<input type = "text" id="one" class="blurrable"> 
<br> 
<input type = "text" id="two" class="blurrable"> 

$(".blurrable").blur(function() { 
    alert("Hello"); 
}); 
+0

をいただき、ありがとうございます答え。また、「FYI」で言及したデモの例を書いていた間に行ったばかげた誤りを修正するために、編集セクションを私の質問に追加しました。しかし誰かがそれを編集して「編集」セクションを取り出し、適切な質問をしました。しかし、今度はあなたの 'FYI'セクションが無効になりました。私はこのような状況にどう対処するのか分かりません。とにかく、ありがとう。 – Unbreakable

0

をあなたがちょうどあなたがCSSセレクタと同じように、コンマを入れて、すべてのテキスト入力

  $("input[type=text]").blur(function() { alert("Hello"); }); 
関連する問題