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