div内のinput要素とselect要素を取得

Question

div内にすべての種類のhtml要素を取得しようとしています。今回は、以下のjQueryセレクタを使用するときにdivで入力タイプと選択ボックスを取得しようとしています。

$('#1 input, select') 

また、他のdiv sからすべてselectボックスを与えています。

しかし、私は1つのdivのみを対象にして、その中のすべての種類の要素を取得したいと考えています。どうしたらいいですか？以下は私のコードです：

<div id="1"> 
    <input type="text" id="2"> 
    <select id="123"> 
     <option value="template">template</option> 
    </select> 
</div> 

<div id="3"> 
    <input type="text" id="4"> 
    <select id="456"> 
     <option value="template">template</option> 
    </select> 
</div> 

<div id="5"> 
    <input type="text" id="6"> 
    <select id="789"> 
     <option value="template">template</option> 
    </select> 
</div> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 
</script> 

Answer 1

それが正しく動作し、ドキュメント内のすべてのselect要素を選択実行しているあなたの文の第2のセレクタ$('select')を1として、全ての選択boxsを与えています。

さまざまな方法で行うことができるselectのコンテキストを設定する必要があります。 :inputセレクタを使用してください。

すべての入力、テキストエリア、選択、およびボタンエレメントを選択します。

$('#1 :input') 

OR

あなたは、マッチした要素の現在のセット内の各要素の子孫を取得.find()

を使用することができます

$('#1').find("input,select") 

OR、Multiple Selector (“selector1, selector2, selectorN”)は、ここで個別に

$('#1 input, #1 select') 

Answer 2

$('input, select', '#1')

最も簡単な方法は、スコープ内の何かを見つけるために子孫セレクタを使用します。

Answer 3

あなたはこの

$('div#1 input, div#1 select') 

を試すことができます