所以就請教了google大神，找到了andSelf,字面上翻譯感覺還蠻貼切的
所以就自己小測試了一下(拿之前測試ㄉ例子)
*語法:.andSelf()
*介紹:將之前匹配元素增加到當前匹配元素中
(一)、andSelf()，demo1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//匹配元素div:first下同輩元素ㄅ含自己andSelf加上after的class樣式
$('div:first').nextAll().andSelf().addClass('after');
});
</script>
<style type="text/css">
div {
width: 80px;
height: 80px;
background: #E3CEF6;
border: 2px solid black;
margin: 10px;
float: left;
}
.after {
border-color: #FF0000;
}
</style>
</head>
<body>
<div>one</div>
<div>two
<div>two child<div>two child child</div></div>
</div>
<div>three</div>
<div>four</div>
</body>
</html>
2)執行結果
可以發現到one的div也有了after的樣式
沒有留言:
張貼留言