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’)—类似。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询