Question

我正在使用带有Jquery的ExtJs。我有一个面板，我有一个复选框，收音机和下拉菜单。我使用以下代码获取面板下的所有项目。

    $('#panelId : input').each

这适用于收音机和复选框。但是，我正在尝试以下内容进行下拉，但它无法正常工作

    $('#panelId : select').each

专家请指导我。

注意：我正在使用XTemplate将原始html绘制到面板中。所以我无法使用extjs检索项目（相反，我不知道！）。任何人都可以使用extjs建议相同吗？

Answer 1

jQuery选择器函数$需要一个有效的CSS选择器作为参数。如果您想要父ID下的所有<select>元素，那么这应该做您想要的：

$('#panelId select').each(...

请注意，上面#panelId和select之间没有冒号。 CSS中的冒号字符保留用于:hover等伪选择器。

如果您想要多种子元素，可以通过用逗号分隔多个选择器来指定它们。 e.g。

$('#panelId select, #panelId input').each(...

更好的方法是从面板开始，然后只选择匹配的后代：

$('#panelId').find('select, input').each(...

希望这有帮助！

Answer 2

：select不是有效的选择器。请阅读jQuery selector documentation。

您可以在此处看到quick fiddle以查看它是否有效，并帮助您了解如何使用正确的输入或选择jQuery选择器。