728x90 300x250 SMALL javaScript/jQuery148 [jQuery]상위 부모 요소 찾기 parent() parent() $(선택자).parent() 특정 노드의 바로 상위 부모 요소를 찾는다. I II A B 1 2 3 C III 실행결과 2023. 1. 15. [jQuery]n번째 자식 요소 접근하기 n번째 자식 요소 찾기 $(선택자).children().eq(index) $(선택자).children(":eq("+index+")") A B C D 실행결과 2023. 1. 14. [jQuery] 마지막 번째 자식 요소 찾기 마지막 자식 요소 찾기 $(선택자).children().last() $(선택자).children()(":last") $(선택자).children().eq($(선택자).children().length-1) $(선택자).children(":eq("+$(선택자).children().length-1+")") $(선택자).children().eq(-1) $(선택자).children(":eq(-1)") 2023. 1. 13. [jQuery]첫 번째 자식 요소 선택하기 첫 번째 자식 요소 찾기 $(선택자).children().first() $(선택자).children().eq(0) $(선택자).children(":first") $(선택자).children(":eq(0)") ul.list 자식 노드 중 첫 번째 자식 노드 border 변경 html A B C D :first 선택자 이용 var $list = $("ul.list"); $list.children(":first").css("border","3px solid #f00"); first() 메서드 이용방법 var $list = $("ul.list"); $list.children().first().css("border","3px solid #f00"); 결과는 같음 그렇다면 2개 중 좀 더 효율적인 방법은? 상황에 .. 2023. 1. 12. 이전 1 ··· 24 25 26 27 28 29 30 ··· 37 다음 728x90 반응형 LIST