如何获取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 type="...">，但不是<textarea>，<button>和<select>元件。谢谢尼克，我自己不知道这一点，因此相应地更正了我的帖子。留下两个选项，因为我想OP都不知道这两个选项，并且-在技术上要求输入... :-)

'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");

应该管用 ：-）

>将仅获取直接子级，而不会获取子级子级
：是用于使用伪类，例如。：hover等

您可以在此处了解伪类的可用CSS选择器：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>