그만큼 부모의() jQuery의 메서드는 주어진 선택기의 직접적인 부모를 찾습니다. jQuery에 내장된 함수입니다. 이 메서드는 DOM 트리에서 한 수준 위로만 이동하고 선택한 요소의 직접 부모를 반환합니다.
그만큼 부모의() 방법은 와 비슷하다 부모() 메소드는 둘 다 DOM 트리로 이동하여 상위 요소를 반환하기 때문입니다. 그러나 차이점은 부모() 메소드는 DOM 트리에서 여러 수준 위로 이동하여 주어진 선택기의 조부모, 증조부모 등을 포함한 모든 조상을 반환합니다. 부모의() 메서드는 한 수준 위로 이동하여 지정된 선택기의 직접적인 상위 항목만 반환합니다.
통사론
$(selector).parent(filter)
그만큼 선택자 위 구문에서 상위 항목을 검색할 선택된 요소를 나타냅니다. 그만큼 필터 위 구문에는 검색 범위를 좁히는 데 사용되는 선택기 표현식을 지정하는 선택적 매개변수가 있습니다.
js의 전역 변수
실시예 1
이 예에서는 부모의() 방법. 여기에는 다음을 포함하는 div 요소가 있습니다. 울 요소, 제목 h2 , 단락 요소입니다.
우리는 부모의() 제목 h2의 상위 항목을 검색하는 방법입니다. 우리가 부모() 메서드를 사용하는 대신 부모의() 메서드를 사용하면 body 요소를 포함하여 제목 h2의 모든 상위 항목이 강조 표시됩니다.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 10px; margin: 17px; } function fun(){ $(document).ready(function(){ $('h2').parent().css({ 'font-size': '30px', 'color': 'blue', 'border': '6px dashed blue'}); }); } div <ul> ul <h2> Heading h2 <p> Paragraph element </p> </h2> </ul> click me 지금 테스트해보세요 산출:
위 코드를 실행한 후 출력은 다음과 같습니다.
문자열.하위 문자열 자바
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
실시예2
이 예에서는 부모의() 첫 번째 단락 요소의 부모를 찾는 메서드입니다. 여기에는 두 개 이상의 단락 요소가 있지만 첫 번째 단락 요소의 부모를 찾아야 합니다. 따라서 의사 선택기를 전달합니다( :첫 번째 )를 선택적인 값으로 부모의() 방법.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 5px; margin: 10px; } function fun() { $(document).ready(function(){ $('p').parent(':first').css({'color': 'blue', 'border': '3px dashed blue'}); }); } body div1 div2 <h2> h2 <p> Paragraph element </p> </h2> <h2> h2 <p> Paragraph element </p> </h2> click me 위 코드를 실행한 후 출력은 다음과 같습니다.
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
실시예3
이 예에서는 부모의() 주어진 선택자의 특정 부모를 찾는 방법입니다. 여기에는 부모가 서로 다른 세 개의 단락 요소가 있습니다. 우리는 h2 단락 요소의 부모입니다. 따라서 동일한 목표를 달성하려면 다음을 통과해야 합니다. h2 선택적 값으로 부모의() 방법.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 5px; margin: 10px; } function fun() { $(document).ready(function(){ $('p').parent('h2').css({'color': 'blue', 'border': '5px dashed blue'}); }); } body div1 div2 <p> Paragraph element </p> <h2> h2 <p> Paragraph element </p> </h2> <ul> ul <p> Paragraph element </p> </ul> click me 지금 테스트해보세요 산출:
위 코드를 실행한 후 출력은 다음과 같습니다.
c 문자열 배열
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
