Получить входные данные разных типов в классе, используя jQuery

Question

Скажем, у меня есть функция jquery в JavaScript, и у меня есть этот код, который прекрасно работает:

jQuery('div[class="someClass"] input[type="text"]').each( function() { //some code} . . .

В приведенном выше коде, как я могу настроить таргетинг на несколько типов входов, таких как textArea, раскрывающийся список и т. Д. Я довольно новичок в jQuery, поэтому мне неизвестен формат, в котором поиск Google не выдает ничего особенного актуальность! Пожалуйста, помогите.

Answer 1

Если вы счастливы выбрать все дочерние элементы следующих типов:

• input
• textarea
• select
• button

Вы можете использовать :input селектор .

jQuery('div.someClass :input').each(function() {...

В противном случае вы можете сделать это в большом селекторе, используя множественный селектор , как предлагает Никлас. Последний вариант - сократить это, используя два варианта. Это может быть немного медленнее, но будет значительно более читабельным:

jQuery('div.someClass').find('input[type="text"], select, textarea').each(function(){...

Обратите внимание, что я использовал селектор класса , чтобы сделать ваш селектор немного более аккуратным.

Answer 2

Разделите их запятой:

jQuery('div[class="someClass"] input[type="text"], div[class="someClass"] textarea, div[class="someClass"] select').each( function() { //some code}

Answer 3

Попробуйте:

jQuery('div[class="someClass"] :input').each(function(){
  //Do Something..
})

, чтобы избежать элементов кнопки, попробуйте:

jQuery('div[class="someClass"] :input:not(:button)').each(function(){
  //Do Something..
})