使用jQuery选择第一个元素

时间:2012-04-23 21:06:45

标签: javascript jquery

我有以下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个。

7 个答案:

答案 0 :(得分:4)

只需选择全部并根据需要切片结果

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

DEMO

答案 1 :(得分:1)

你的意思是这样吗?

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

答案 2 :(得分:1)

这应该这样做

$("input:lt(3)")

答案 3 :(得分:1)

jQuery函数slice允许您仅指定结果的子集:

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

其中0是第一个索引,3是第一个不包含的索引,所以2是最后一个索引,你得到三个项目。

答案 4 :(得分:0)

你走了:

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

您可以将3更改为您想要的多个项目。

答案 5 :(得分:0)

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

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

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

答案 6 :(得分:0)

您可以使用:lt选择器。

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