<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="../jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//查找同级元素上下相邻且元素相同的元素
$(document).ready(function() {
$("button:first").click(function(){
$(".b2").siblings("").css("border","5px solid red");//查找class=b1的span上下相邻相同的元素加边框
})
$("button:first").click(function(){
$(".c3").siblings("").css("border","5px solid red");
})//查找class=b1的span上下相邻相同的元素加边框
$("button:last").click(function(){
$(".a2").siblings(":last").css("border","1px solid blue");//查找class=b1的span上下相邻相同的最后一个元素加边框
})
});
</script>
</head>
<body>
<div class=
jQuery遍历siblings()
最新推荐文章于 2022-08-25 10:25:34 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)