jquery如何获取第一个或最后一个子元素
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.2.0.min.js"></script>
<style>
.bg{
color: #fff;
background: #ffda44;
}
li{
}
</style>
</head>
<body>
<p>获取第一个跟最后一个子元素并为他们增加样式.</p>
<ul>
<li>我是1号</li>
<li>我是2号</li>
<li>我是3号</li>
<li>我是4号</li>
<li>我是5号</li>
</ul>
<button class="btn1">确定</button>
<button class="btn2">获取第三个子元素</button>
<script>
$(function(){
// 为按钮绑定点击事件
$("button.btn1").click(function(event) {
//获取第一个子元素
$("ul").children("li:first").addClass('bg');
//获取最后一个子元素
$("ul").children("li:last").addClass('bg');
});
$("button.btn2").click(function(event) {
//获取第三个子元素
$("ul").children().eq(2).addClass('bg');
});
})
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询