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

Question

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

    $('#panelId : input').each

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

    $('#panelId : select').each

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

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

Answer 1

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

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

Answer 2

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

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

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

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

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

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

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

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