使用jQuery选择第一个元素

Question

我有以下HTML：

<input id="1" type="checkbox"/>
<label for="1">bla bla</label>
<br/>
<input id="2" type="checkbox"/>
<label for="2">hello hello</label>
<br/>
.
.
.
etc...

有没有办法在一个呼叫中选择前几个输入？ 换句话说，我不想全部选中它们并遍历每个。 仅需1条语句即可选择，例如前3条。

Answer 1

只需全选并根据需要分割结果，

$('input').slice(0, 3) //will return first 3 input.

DEMO

Answer 2

你的意思是这样的？

var firstThree = $('#1, #2, #3')

Answer 3

这应该做到这一点

$("input:lt(3)")

Answer 4

jQuery函数切片可让您仅指定结果的子集：

$('input').slice(0, 3)

其中0是第一个索引，3是不包括的第一个索引 ，因此2是最后一个索引，您将获得三个项目。

Answer 5

干得好：

   $('input').filter(function(index) {
       return index < 3;        
    });

您可以将3更改为任意数量。

Answer 6

您可以使用jQuery :gt和:lt选择器：

$('input:lt(3)').css('blah, 'blah');

这应该选择页面上的前三个输入标签。

Answer 7

您可以使用:lt选择器。

http://api.jquery.com/lt-selector/