<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选项卡事件测试</title>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("a").click(function() {
//下标
var num = $(this).index();
//jQuery 遍历 - siblings() 方法
$(this).parent().siblings().children().eq(num).show().siblings().hide();
console.log($(this).parent().siblings().children().eq(num).show().siblings().hide());
//
});
});
</script>
</head>
<body>
<div>
<a >按钮一</a>
<a >按钮二</a>
<a >按钮三</a>
</div>
<br/>
<div>
<div ></div>
<div ></div>
<div ></div>
</div>
</body>
</html>相关文章：