使用jquery在div中选择第三个输入框

Question

我有一个div名为 foxcontainer ，里面有一个表单，在表单内部，每个输入框都在自己的div中，并且都没有名称（第一个除外） foxcontainer）。

如何使用jquery选择该表单中的第二个（或第三个）输入框，以便我可以应用datepicker？

Answer 1

例如，您可以在选择器中使用:eq()：

$("#foxcontainer input:eq(1)");  // for 2nd input box

另一种选择是使用slice()：

$("#foxcontainer input").slice(2, 3);    // for 3rd input box

DEMO： http://jsfiddle.net/BU4Tf/

Answer 2

你可以通过选择器获得这些，以获得第二个输入，你可以尝试

var input2nd  =$('#foxcontainer input:eq(1)');

并获得第三个输入，您可以尝试

var input3rd = $('#foxcontainer input:eq(2)');

或使用像

这样的查找功能

var $foxcontainer  = $('#foxcontainer');
var input2nd = $foxcontainer.find('input:eq(1)');
var input3rd = $foxcontainer.find('input:eq(2)');

Answer 3

使用jQuery :eq()选择器。 所以： var second = $('#foxcontainer input:eq(1);

请注意，计数从0开始，因此第二个是1。