Blog Content

    티스토리 뷰

    36.jQuery - End ( 04.Traversing - 04.End )

    반응형
    end() : 현재 실행된 상태의 이전으로 되돌림

    04.End.htm

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title></title>

        <style type="text/css">

            .Yellow{ background-color:Yellow; }

        </style>

     

        <script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

        <script type="text/javascript">

            $(document).ready(function() {

                //[1] JavaScript 텍스트 찾아가기

                alert($('div').find('p').text());

               

                //[2] JavaScript 텍스트 찾아가기

                var result = $('div').find('p:last').find('b').html();

                alert(result); //jQuery

               

                //[3] 방금 탐색한 기능 이전으로 돌리기

                var html = $('div').find('p:last').find('b').end().html();

                alert(html); //jQuery -> end() -> <b>jQuery</b>

            });

        </script>

    </head>

     

    <body>

        <div id="myForm">

            <p>

                <b>JavaScript</b>

            </p>

            <p>

                <b>jQuery</b>

            </p>

        </div>

    </body>

    </html>


    결과화면

    [그림36-1]



    반응형

    Comments