div内のドロップダウンを選択するにはどうすればよいですか？

Question

JqueryでExtJを使用しています。チェックボックス、ラジオ、ドロップダウンがあるパネルがあります。私は、パネルの下にあるすべての項目を取得するために、次のコードを使用しています。

$('#panelId : input').each 

これはラジオとチェックボックスで機能します。しかし、私はドロップダウンのために以下を試していて、それは動作していません

$('#panelId : select').each 

私を案内してください。

注：XTemplateを使用して生のhtmlをパネルにペイントしています。だから私はextjsを使用して項目を取得することはできません（むしろ私は知らない！）。 extjsを使って同じことを提案することはできますか？

Answer 1

：selectは有効なセレクタではありません。 jQuery selector documentationをお読みください。

ここでquick fiddleが表示され、正しく入力されているか、jQueryセレクタを選択する方法を理解するのに役立ちます。

Answer 2

jQueryセレクタ関数$は、有効なCSSセレクタを引数として想定しています。あなたが親IDの下にあるすべての<select>の要素をしたい場合、これはあなたが欲しいものを行う必要があります。上記で

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

注#panelIdとselectの間にコロンがありませんことを。 CSSのコロン文字は、:hoverのような擬似セレクタ用に予約されています。

複数の種類の子要素が必要な場合は、カンマで区切って複数のセレクタを指定できます。例えば

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

アンでも良い方法はちょうど一致する子孫を選択し、パネルで開始することになります。

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

・ホープ、このことができます！