목록:nth-child() 선택자 (1)

SeouliteLab

jQuery를 사용한 목록의 두 번째 자식 요소에 새로운 내용 추가하기

아래는 jQuery를 사용하여 목록()의 두 번째 자식 요소()에 새로운 내용( - 2nd!)을 추가하는 예제입니다. $( "ul li:nth-child(2)" ).append( " - 2nd!" ); 설명: $() 함수를 사용하여 jQuery 선택자를 지정합니다. "ul li:nth-child(2)"는 ul 요소 아래의 두 번째 자식 li 요소를 선택합니다. append() 함수를 사용하여 선택된 li 요소에 새로운 내용인 - 2nd!을 추가합니다. 예제 2: 목록의 각 두 번째 자식 요소에 아이콘 추가하기 $( "ul li:nth-child(2n)" ).append( "" ); 설명: 이 예제는 ul 요소 아래의 각 두 번째 자식 li 요소에 별 모양의 아이콘을 추가합니다. 예제 3: 첫 번째 ul ..
프로그래밍 2024. 4. 12. 10:21
이전 Prev 1 Next 다음