Как выбрать выпадающие внутри любого div?

Я использую ExtJs с Jquery. У меня есть панель, под которой у меня есть флажки, радио и выпадающие списки. Я использую следующий код, чтобы получить все элементы под панелью.

    $('#panelId : input').each

Это работает для радио и флажки. Но я пытаюсь следующее для выпадающего списка, и это не работает

    $('#panelId : select').each

Эксперты, пожалуйста, направьте меня.

Примечание. Я рисую необработанный HTML-код на панели с помощью XTemplate. Поэтому я не могу получить элементы с помощью extjs (скорее, я не знаю!). Кто-нибудь может предложить то же самое, используя extjs?

Источник

2 ответа

Решение

:select не является допустимым селектором. Пожалуйста, прочтите документацию по селектору jQuery.

Здесь вы можете увидеть, как это работает, и помочь вам понять, как использовать правильный ввод или выбрать селекторы jQuery.

Источник

Функция выбора jQuery $ ожидает действительный селектор CSS в качестве аргумента. Если вы хотите все <select> элементы под родительским идентификатором, то это должно делать то, что вы хотите:

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

Обратите внимание, что между #panelId а также select, Символы двоеточия в CSS зарезервированы для псевдо-селекторов, таких как :hover,

Если вам требуется более одного вида дочерних элементов, вы можете указать несколько селекторов, разделяя их запятыми. например

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

Еще лучше было бы начать с панели, а затем выбрать только соответствующих потомков:

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

Надеюсь это поможет!

Источник
Другие вопросы по тегам