jquery - 使用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

演示：http: //jsfiddle.net/BU4Tf/

Answer 2

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

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

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

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

或使用 find 功能

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。