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

seulki·2022년 9월 26일
0

[jQuery]

목록 보기
4/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>



🎈:lt(인자)

  • 인자보다 index가 더 작은 element를 찾는 선택자
  • index 값이 2보다 작은 요소( index가 0,1 )에 'selected' style 적용하기
 $('#list li:lt(2)').addClass('selected');

profile
웹 개발자 공부 중

0개의 댓글