Question

我有一个HTML页面，上面有各种div。例如，像这样：

<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：

获取myDiv1
在div中获取单个输入字段

传统上，我会使用以下内容：

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

但是，我真的很想了解如何在单个DIV元素中进行搜索。

非常感谢你！

Answer 1

使用find()方法。

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

如果您知道输入是＃myDiv1的直接children（这更快）

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

或者你也可以使用$的可选第二个参数，即context。

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

Context参数可以是字符串或jquery对象。

使用JQuery在DIV中拾取元素

2 个答案: