使用jQuery获取类中不同类型的输入

假设我在JavaScript中有一个jquery函数,到目前为止我有这个代码,这很好用:

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

在上面的代码中,我如何定位多种类型的输入,如textArea,下拉列表等。我是jQuery的新手,所以我不知道谷歌搜索没有带来任何相关的格式! 请帮忙。

如果您乐意选择所有这些类型的后代元素:

  • input
  • textarea
  • select
  • button

你可以使用:input选择器 。

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

否则,你可以使用多重选择器在一个大选择器中执行此操作,正如Niklas建议的那样。 最后一个选项是通过使用两个选项来缩短它。 这可能会稍慢,但会更具可读性:

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

请注意,我使用了类选择器使您的选择器更整洁。

用逗号分隔它们:

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

试试这个:

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

要避免按钮元素尝试:

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