请问一下,怎样才能得到点<i></i>会签,索引到"class=open"这个标签点一层,打开一层呢?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<style>
ul{margin:0;padding:0;list-style-type:none;}
.area {margin: 0 auto; width: 1000px; border: 2px solid #000; background-color: #D0D0D0;}
.item {margin: 20px 0; border: 2px solid #878687;}
.click {padding: 5px 20px; background-color: #3812FB;}
.title {border: 2px solid #595959;margin: 20px;}
.open {width: 300px; height: 300px;background-color: #0CF5A8;margin-left: 60px; display: none;}
</style>
<body>
<script>
$(document).ready(function() {
//我知道这可以弹出"item"的索引值
// $(".item").each(function() {
// var _index=$(this).index();
// $(this).click(function() {
// alert(_index);
// });
// });
//但是怎样才能得到点<i></i>会签,索引到"class=open"这个标签点一层,打开一层呢?
$(".click").each(function() {
var _index=$(this).index();
$(this).click(function() {
$(".open").show();
alert(_index);
});
});
});
</script>
<ul>
<li>
<i>点击</i>
<div>请问一下,怎样遍历“点击”打开按钮,打开下面的“class="open"”的DIV</div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<div></div>
</div>
</li>
<li>
<i>点击</i>
<div>请问一下,怎样遍历“点击”打开按钮,打开下面的“class="open"”的DIV</div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<div></div>
</div>
</li>
<li>
<i>点击</i>
<div>请问一下,怎样遍历“点击”打开按钮,打开下面的“class="open"”的DIV</div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<div></div>
</div>
</li>
</ul>
</body>
</html>
未来99
相关分类