본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - ~보다 큰 요소 선택하기 : jQuery(':gt(index)')

by zoo10 2011. 2. 1.

:gt('index') 는 요소 집합에서 index 보다 큰 색인을 가지고 있는 요소들을 반환해 줍니다.

원문 링크 http://api.jquery.com/gt-selector/

gt selector

  • jQuery(':gt(index)')
  • index 0 이 초기값인 색인입니다.

gt() 함수의 gt 는 great than, '~~보다 큰' 이라는 뜻입니다. 꺽쇠로 치면 > 에 해당합니다. 이렇게 풀어 쓰니까 바로 와 닿으시지 않나요 :). 즉, gt(0) 이면 0보다 큰 인덱스를 가진 녀석들 모두를 선택할 수 있습니다.

예 제  
4 보다 큰 색인을 가진 td 를 선택해서 텍스트에 줄을 긋습니다. 기억하세요 : 색인의 초기값은 0 입니다.

<!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:gt(4)").css("text-decoration", "line-through");</script>

</body>
</html>

미리보기

 

gt 가 great than 이면 lt 는 less than 입니다. 다음 포스트가 왠지 예상되지 않으신가요? :)

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.