jQuery:按类和输入类型选择


119

我想选择一组既具有某种输入类型(例如一个复选框)又具有某种使用jQuery的类的元素。但是,当我尝试以下操作时:

 $("input:checkbox .myClass")

我没有退回任何物品。如何在jQuery中完成此操作?

Answers:


209

您的选择器正在寻找具有类别的复选框元素的任何后代.myClass

尝试以下方法:

$("input.myClass:checkbox")

实际检查一下

我也对此进行了测试:

$("input:checkbox.myClass")

而且它也将正常工作。以我的拙见,这种语法看起来确实很丑陋,因为大多数时候我希望:样式选择器排在最后。正如我所说,任何一个都可以。


51

如果要通过该类获取该类型的输入,请使用:

$("input.myClass[type=checkbox]")

[]选择器语法可让您检查任何elements属性。查看规范以获取更多详细信息


6

您必须使用(用于复选框):checkbox.name属性才能按类别进行选择。

例如:

$("input.aclass:checkbox")

:checkbox选择:

匹配所有类型为复选框的输入元素。使用像这样的伪选择器$(':checkbox')等效于$('*:checkbox') 慢速选择器。建议这样做$('input:checkbox')

您应该阅读jQuery文档以了解选择器。




3

万一像我这样的假人用按钮尝试了此处的建议,但发现没有任何效果,您可能想要这样做:

$(':button.myclass')
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.