最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery中first-child与last-child获取不到元素解决办法
时间：2015-10-04 编辑：简简单单 来源：一聚教程网
下面我们通过实际的代码例子来介绍一下如何解决这个问题，假如我们有以下的HTML代码
F
S
T
我们需要找出最后一个有类button的a标签，那么根据我们所了解的CSS3伪类，可以轻松的编写出下面的代码
.button:last-child {
background-color: #ffd700;
}
运行后发现，第二个a的背景颜色并没有变色，想了想CSS代码肯定没错，一定是HTML哪里有问题，经过几次修改之后发现,HTML和CSS改成这样就可以了。
F
S
T
这时我才恍然大悟，first-child与last-child这2个果然很傲娇很任性，如果父亲元素里的子元素有包含其他不一样的标签时，他们2个是很不听话的。
总结
那么他们究竟哪些话听哪些话不听了，经过我一番测试得出的结论是
当使用first的话，第一个子元素一定要是一样的标签。中间和最后可以不一样，
last则反之，最后一个元素要一样，前面和中间可以不一样
-
上一个： js学习之从作用域链谈闭包
相关文章
- jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例 03-08
- jquery获取第几个元素的方法总结 07-07
- Jquery 获取元素数量 length方法详解 09-11
- jquery获取指定div 所有div元素 09-27
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31