jQuery | javascript | CSS

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

Godffs 2009. 11. 11. 11:34
반응형
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]



반응형