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(); 
    });   
} 

이것은 아마도 더 편리합니다.
데모 : http://www.jsfiddle.net/4yUqL/85/

Answer 3

당신의 선택은 body 부분이 조금 필요하지만 (나는 당신이 신체의 어느 input의 외부가없는 희망) 괜찮습니다.

하지만 나머지는 문제가 있습니다. 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가 제안한 기능적 접근 방법은 훨씬 더 깨끗한 방법입니다.