JQueryを使ってDIV内の要素を取り出す

Question

私はさまざまなdivを持つHTMLページを持っています。例えば、このような何か：

<div id="myDiv1"> 
    <input id="myInput1" type="text" /> 
    <input id="myInput2" type="text" /> 
    <input id="myButton" type="button" value="Button" /> 
</div> 

<div id="myDiv2"> 
    <!-- My Content --> 
</div> 

私はjQueryのを使用するにはどうすればよい：

1. は
2. はdivの
の内側に1つの入力フィールドを取得myDiv1内text型のすべての入力フィールドを取得します。

伝統的に、私は次のように使用します。

var textFields = $(":text"); 
var myInput = $("#myInput1"); 

しかし、私は本当に単一のDIV要素内で検索する方法を理解したいと思います。

ありがとうございました！

Answer 1

find()メソッドを使用します。

$('#myDiv1').find('input[type="text"]'); 
$('#myDiv1').find('input#myInput1'); 

あなたが入力が＃myDiv1（これは高速です）

$('#myDiv1').children('input[type="text"]'); 

それとも、またcontextである$にオプションの二番目のパラメータを使用することができるのchildren直接的であることを知っている場合。

$('input[type="text"]', '#myDIv1'); 

あなたはそれを複数回使用しているので、あなたも＃myDiv1を保存する必要があります。

var $myDIv = $('#myDiv1'), 
    $inputs = $myDiv.children('input[type="text"]'), 
    $input = $myDiv.children('input#myInput1'); 

Answer 2

をあなたがする正確に何をしたいですかんjQueryのセレクタのオプションのコンテキストパラメータがあります。

var a = $("a", "#yourDiv"); 
var p = $("input[type='text']", $("#myDiv")); 

コンテキストパラメータには、文字列またはjqueryオブジェクトを指定できます。