jquery first-child 和 last-child 用法

<!DOCTYPEhtml><htmllang="zh-CN"><head><scripttype="text/javascript"src="/Scripts/jque... <!DOCTYPE html>
<html lang="zh-CN">
<head>
<script type="text/javascript" src="/Scripts/jquery-1.9.1.min.js"></script>
<title>Learn jQuery </title>
</head>
<body>
<div>123
<div>456
<div>789</div>
</div>
</div>
</body>
</html>

<script>
//为什么弹出来的 first_child_cnt 的值为 3, 而 last_child_cnt 的值为 2 ??
$(document).ready(function () {
var first_child_cnt = 0;
var last_child_cnt = 0;

$("div:first-child").each(function () {
++first_child_cnt;
})
alert(first_child_cnt);

$("div:last-child").each(function () {
++last_child_cnt;
})
alert(last_child_cnt);
});
</script>
展开
 我来答
人啦哈w
2016-08-04 · 知道合伙人软件行家
人啦哈w
知道合伙人软件行家
采纳数:3947 获赞数:19705

向TA提问 私信TA
展开全部
:first-child 选择器被用来选择父标签的第一个子标签,此是:nth-child(1)的简便形式。
例如:
$(‘li:first-child’)—用来选择所有li的父标签的第一个li子标签。
$(‘tr:first-child’)—类似。

:last-child 选择器被用来选择它们父标签的中的最后一个匹配的子匹配。
例如:
$(‘li:last-child’)—选择所有li父标签中的最后一个li子标签。
$(‘tr:last-child’)—类似。
启帆信息
2024-11-19 广告
启帆信息是英伟达中国区代理商,原厂授权代理,提供全面的软件技术解决方案以及NVIDIA以太网产品、交换机等产品,欢迎前来咨询!... 点击进入详情页
本回答由启帆信息提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式