div要素（jQuery）のすべての子入力を取得する方法

HTML：

<div id="panel">
  <table>
    <tr>
       <td><input id="Search_NazovProjektu" type="text" value="" /></td>
    </tr>
    <tr>
       <td><input id="Search_Popis" type="text" value="" /></td>
    </tr>
  </table>
</div>

特定のdivのすべての入力を選択する必要があります。

これは機能していません：

var i = $("#panel > :input");

大なり記号なしで使用：

$("#panel :input");

>手段だけダイレクトあなたはすべての子供たちが何の深さをかまいたくない場合は要素の子供たちは、単にスペースを使用しています。

あなたは必要です

var i = $("#panel input"); 

または、正確に何をしたいかに応じて（以下を参照）

var i = $("#panel :input"); 

の >は子供に限定され、すべての子孫が必要です。

編集：ニックが指摘したように、との間には微妙な違いが$("#panel input")あります$("#panel :input)ます。

最初のものは、タイプinputの要素のみを取得します。つまり、および要素は取得し<input type="...">ません。ニックに感謝します。自分でこれを知らなかったので、それに応じて私の投稿を修正しました。OPはどちらも認識しておらず、技術的には入力を要求したので、両方のオプションを残しました... :-)<textarea><button><select>

「find」メソッドを使用すると、すでにキャッシュされているコンテナのすべての子入力を取得して、再検索することができます（「children」メソッドは直接の子のみを取得します）。例えば

var panel= $("#panel");
var inputs = panel.find("input");

Ruby on RailsやSpring MVCなどのフレームワークを使用している場合は、角かっこやその他の文字を含むdivを使用する必要がある場合がありますがdocument.getElementById、これは使用できません。このソリューションは、同じタイプの複数の入力がある場合でも機能します。

var div = document.getElementById(divID);
$(div).find('input:text, input:password, input:file, select, textarea')
        .each(function() {
            $(this).val('');
        });
$(div).find('input:radio, input:checkbox').each(function() {
    $(this).removeAttr('checked');
    $(this).removeAttr('selected');
});

この例は、入力をクリアする方法を示しています。たとえば、変更する必要がある場合などです。

var i = $("#panel input");

動作するはずです:-)

>は直接の子のみをフェッチし、子の子はフェッチしません
は。：は疑似クラスを使用するためのものです。：ホバーなど

ここで疑似クラスの利用可能なcss-selectorsについて読むことができます：http：//docs.jquery.com/DOM/Traversing/Selectors#CSS_Selectors

これが私のアプローチです：

他のイベントにもご利用いただけます。

var id;
$("#panel :input").each(function(e){	
  id = this.id;
  // show id 
  console.log("#"+id);
  // show input value 
  console.log(this.value);
  // disable input if you want
  //$("#"+id).prop('disabled', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="panel">
  <table>
    <tr>
       <td><input id="Search_NazovProjektu" type="text" value="Naz Val" /></td>
    </tr>
    <tr>
       <td><input id="Search_Popis" type="text" value="Po Val" /></td>
    </tr>
  </table>
</div>