用jQuery选择类

时间:2012-04-27 13:09:05

标签: javascript jquery html

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p class="myChild">one</p>
<p class="myChild">two</p>
<p class="myChild">three</p>

<script>
$(document).ready(function(){
//code that selects the second and the third myChild class name

});
</script>
</body>
</html>

这里我有3个带myChild类的标签,我想选择第二个和最后一个使用jQuery来做到这一点,并知道如何操作

4 个答案:

答案 0 :(得分:1)

使用slice()选择结果子集:

$(".myChild").slice(1);

这将删除第一个myChild元素并返回其余元素。

Example fiddle


如果要指定要切片的起点和终点,则提供两个参数:

$(".myChild").slice(1,3);

Another fiddle

答案 1 :(得分:1)

只需使用not过滤器并将其传递给eq(0),这基本上是剥离第一个结果

$('.myChild').not(':eq(0)');

或以最短的方式并仅使用选择器引擎

$('.myChild:not(:eq(0))')

在此处http://jsfiddle.net/D5Ngh/

答案 2 :(得分:0)

如果您要检查除第一个之外的剩余部分,则可以使用:not(0)

Demo

答案 3 :(得分:0)

$(".myChild")将返回一个HTMLCollection(有点像数组)对象 - 你可以迭代这个或直接引用该集合中的位置。例如第二项为$(".myChild").eq(1),第三项为$(".myChild").eq(2)