JQueryで本文からすべての入力テキストを選択

Question

<input type="text"></input>をhtmlの本文から取得したいだけです。

これまでのところ、私はこれがあります。

function toUpper() { 
    var elements = $("body input:text"); 
    for(var i=0; i<elements.lenght; i++){ 
     elements[i].val(elements[i].val().toUpperCase()); 
    } 
} 

をしかし、それは動作しません...私はjQueryのセレクタに何かが足りないかもしれない...しかし、私は何を知りません。

ありがとうございました！

Answer 1

$("body input:text").each(function(){ 
     $(this).val($(this).val().toUpperCase()); 
}); 

Answer 2

function toUpper() { 
    $("input:text").val(function(i, val) { 
     return val.toUpperCase(); 
    });   
} 

これはおそらく、より便利です。
デモ：body一部は（私はあなたが身体のあらゆるinputの外を持っていないことを望む）ビット不要ですがhttp://www.jsfiddle.net/4yUqL/85/

Answer 3

あなたのセレクタは、罰金です。

しかし、残りは問題があります。 jqueryオブジェクトのインデックスを作成すると、実際のHtmlInputElement（または何でも）オブジェクト、ではなく、というオブジェクトの周りにjqueryラッパーが作成されます。したがって、jquery .val()コマンドを最初にjqueryオブジェクトに変換することなく使用することはできません。ここにあなたの現在のコードの修正版です：

var elements = $("input:text"); 
for(var i = 0; i< elements.length; i++) 
    $(elements[i]).val($(elements[i]).val().toUpperCase()); 

はしかしjAndyによって提案された機能的なアプローチは、それを行うための非常にクリーンな方法です。