如何根据类名获取给定div中的所有文本框？

Question

这实际上是在减缓我今天早上的进展.任何帮助都会令人难以置信.这是我用来尝试获取每个文本框的代码:

$('.contactInfo input[type="text"]').each(function () { 

});

上面的代码可以工作但它仍然抓住选择框.我尝试在类名和输入类型标识符之间使用冒号以及获取每个文本框的许多其他方法(:input,:text,type = text等).在这里原谅我的造型,因为我是一个全新的问题,并没有得到格式化的支持.

注意:.contactInfo是一个分配给div的类,它包含我想要的文本框.此外,我正在使用所选的jquery插件来设置我的选择框样式.这可能与我的问题有关,也可能没有,只是想让大家都知道.

提前感谢你们可以帮助我的任何事情!

更新:我已经尝试了这里列出的每个解决方案.每个人都抓住选择框,但是,它不会返回其ID.所以,我只是使用一种解决方法来检查它的id是否为null,以便我可以在迭代期间跳过它.我非常感谢你们的投入!谢谢!

Answer 1

请参阅http://api.jquery.com/text-selector/:

$('.contactInfo input:text')

Answer 2

$(".contactInfo").find("input[type=text]")

这应该找到该div中的所有文本框(.contactInfo).另外需要注意的是find()方法比上下文选择器快得多.

http://jsperf.com/jquery-find-vs-context-sel