请问一下,怎样才能得到点<i></i>会签,索引到"class=open"这个标签点一层,打开一层呢?

请问一下,怎样才能得到点<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
浏览 1414回答 1
1回答

未来99

好了,已经弄好了。
打开App,查看更多内容
随时随地看视频慕课网APP