Как выбрать все текстовые области и текстовые поля с помощью jQuery?

Question

Как я могу выбрать все текстовые поля и, например текстовые области:

<input type='text' /> 

и

<textarea></textarea> 

на странице и свойство style.width="90%"; примененных к ним?

Answer 1

$('input[type=text], textarea').css({width: '90%'}); 

, который использует стандартные CSS селекторы, JQuery также имеет набор фильтров псевдо-селектор для различных элементов формы, например:

$(':text').css({width: '90%'}); 

будет соответствовать всем <input type="text"> элементам. См. Selectors documentation для получения дополнительной информации.

Answer 2

$("**:**input[type=text], :input[type='textarea']").css({width: '90%'}); 

Answer 3

Пароль коробки также Textboxes, так что если вам нужно их тоже:

$("input[type='text'], textarea, input[type='password']").css({width: "90%"}); 

и в то время как файл-вход немного отличается, вы можете включить их тоже (например, для визуальной согласованности.):

$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"}); 

Answer 4

names = []; 
$('input[name=text], textarea').each(
    function(index){ 
     var input = $(this); 
     names.push(input.attr('name')); 
     //input.attr('id'); 
    } 
); 

это выбрать все текстовые поля и текстовое поле в вашем DOM, где $ .each функция перебирает предоставить имя ecah эль ление.