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>
결과화면
