jqueryヒントがテキストエリアで動作しない

Question

my jqueryヒントは、テキストボックスではなくテキストエリアでのみ機能します。私はそれを両方のために働かせる方法。

<input type="text" name="name" title="Full Name" > 

ではなく、上：

$(document).ready(function() { 
//Shows the title in the text box, and removes it when modifying it 
$('input[title]').each(function(i) { 
if(!$(this).val()) { 
    $(this).val($(this).attr('title')).addClass('hint'); 
} 

のみで動作します

<textarea title="Enter Message Here"name="message" rows=8 cols=30 </textarea> 

Answer 1

あなたの現在のセレクタ、$('input[title]')は、title属性を設定して入力を選択するように言います。テキストエリアについては何も言わない。より良い

$('input[title],textarea[title]') 

あるいは、間違いなく：あなたはこれを実行する必要が

$(':input[title]') // note the colon 

最初は、title属性を持つすべての入力要素とtitle属性を持つすべてのTEXTAREA要素を選択するように言います。 2番目はjQueryの:input selectorを使用して、すべての入力、テキストエリア、選択およびボタン要素（つまりすべてのフォーム要素）を自動的に取得しますが、この場合はタイトル属性を持つものに限定されます。

の作業のデモ：http://jsfiddle.net/qMLRK/

注：<textarea> </textarea>が空でないあるので、あなたがフィールドにスペースを可能にする必要があります

if ($.trim($(this).val()) === "") 

// NOT 

if(!$(this).val()) 

Answer 2

jQueryのは、選択として、すべてを行います。

テキストエリアは入力タイプではないので、JQueryの選択項目を追加するだけです。

$('input[title],textarea[title]').each(function(i) { 

この問題は解決するはずです。あなたは同じクラスを両方与えることもできます:)そして、クラスで選択するだけで、あなたの選択をちょうどに減らします（クラスとして名前のテキストボックスを使用したと仮定します）

$（ '。テキストボックス'）each