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

jQuery API 정복 - ~보다 작은 요소 선택하기 : jQuery(':lt(index)')

by zoo10 2011. 2. 7.

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

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

lt selector

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

lt() 함수의 lt 는 less than, '~~보다 작은' 이라는 뜻입니다. 꺽쇠로 치면 < 에 해당합니다.즉, lt(3) 이면 3보다 작은 인덱스를 가진 녀석들 모두를 선택할 수 있습니다.

예 제  
4 보다 작은 색인을 가진 td 를 선택해서 텍스트 색을 빨간색으로 바꿉니다.

<!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:lt(4)").css("color", "red");</script>

</body>
</html>

미리보기

 

lt는 less than 이다는 것만 기억하시면 그리 어렵지 않아 보입니다. 나중에 응? 이런게 있었는데 라고 생각나실 정도만 하심 됩니다.

그럼 즐프하세요.

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