[jQuery] gt() 메서드 / :gt(인자) / 인자보다 index가 더 큰 요소 찾기

seulki·2022년 9월 26일
jquery
0

[jQuery]

목록 보기
3/30
post-thumbnail

🎈 CSS, HTML

<style>
        .selected{
            background-color: tomato !important;
            color: white;
            border: 2px solid red !important;
        }
</style>
<body>
    <ul id="list">
        <li>HTML</li>
        <li>CSS</li>
        <li>javascript</li>
        <li>PHP</li>
        <li>mySql</li>
    </ul>
</body>


🎈:gt(인자)

  • 인자보다 index값이 더 큰 element를 찾는 선택자
  • index > 1 인 요소( index가 2,3,4 )'selected' style 적용하기
두가지 코드 모두 같은 결과 출력
 $("#list :gt(1)").addClass('selected');
 $("#list li:gt(1)").addClass('selected');

profile
seulki
웹 개발자 공부 중
이전 포스트

[jQuery] eq() 메서드 / :eq() / 인자와 index가 동일한 요소 찾기

다음 포스트

[jQuery] lt() 메서드 / :lt(인자) / 인자보다 index가 더 작은 요소 찾기

0개의 댓글