2011. 1. 6. 15:54 jQuery

:eq() Selector

element의 index와 매칭되는 것을 찾는다.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <table border="1">
  <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
  <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
  <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
<script>$("td:eq(2)").css("color", "red");</script>

</body>
</html>

위 예제에서 td element의 index 값이 2인 것에 대해 색상을 red로 부여한다.
index는 0부터 계산하므로 세번째 td에 대한 것이 red로 변경된다.

'jQuery' 카테고리의 다른 글

Child Selector (“parent > child”)  (0) 2011.01.06
:first-child Selector  (0) 2011.01.06
:last Selector  (0) 2010.12.30
Attribute Starts With Selector [name^="value"]  (0) 2010.12.30
Attribute Not Equal Selector [name!="value"]  (0) 2010.12.30
Posted by IT

블로그 이미지
IT

공지사항

Yesterday
Today
Total

달력

 « |  » 2025.4
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함