Programming/Jquery

jQuery eq를 활용해 태그 선택 예제

zzarungna 2012. 1. 13. 13:28
반응형

jQuery eq를 활용해 태그 선택 예제

소스

<html>

       <head>

             <title></title>

             <meta name="generator" content="editplus" />

             <meta name="author" content="zzarungna" />

             <script type="text/javascript" src="jquery-1.7.1.js"></script>

             <script type="text/javascript">

             <!--

 

                    //문서가 로드될때..

                    $(document).ready(

                           function () {

                                 //할일..

                                 //짝수,홀수 필터

                                 //even, odd

                                 //$("#table1 tr:odd").css("background-color", "yellow");

 

 

                                 //태그의 텍스트 접근

                                 //alert($("#table1 td:eq(1)").text());//읽기

                                 $("#table1 td:eq(1)").text("하하하"); //쓰기

                           }

                    );

 

             //-->

             </script>

       </head>

 

       <body>

             <table border="1" id="table1" width="600">

                    <tr>

                           <td>번호</td>

                           <td>홍길동1</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

                    <tr>

                           <td>번호</td>

                           <td>홍길동</td>

                           <td>서울시 영등포구 하하하</td>

                           <td>2012-01-15</td>

                    </tr>

             </table>

       </body>

</html>

결과화면 



반응형