使用jQuery选择第一个元素

Question

I have the following 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...

Is there a way to select first few inputs here in one call? In other words, I don't want to select them all and loop through each one. Just 1 statement to select, for example, first 3.

Answer 1

Simply select all and slice the result as you need,

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

DEMO

Answer 2

你的意思是这样的？

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

Answer 3

这应该做到这一点

$("input:lt(3)")

Answer 4

The jQuery function slice lets you specify only a subset of the results:

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

Where 0 is the first index and 3 is the first index not included , so 2 is the last index and you get the three items.

Answer 5

Here you go:

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

You can change the 3 to be however many items you want.

Answer 6

You can use the jQuery :gt and :lt selectors:

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

This should select the first three input tags on the page.

Answer 7

You can use the :lt selector.

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