使用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.. })