>  기사  >  웹 프론트엔드  >  모든 상위 요소, 형제 요소 및 하위 요소 인스턴스를 가져오는 jQuery에 대한 자세한 설명

모든 상위 요소, 형제 요소 및 하위 요소 인스턴스를 가져오는 jQuery에 대한 자세한 설명

小云云
小云云원래의
2018-01-24 10:36:462098검색

이 글은 주로 부모 요소, 형제 요소, 자식 요소를 모두 얻는 jQuery의 방법을 소개합니다. 이 글은 매우 자세하게 소개되어 있으며, 필요한 친구들이 참고할 수 있기를 바랍니다. .

1. 상위 요소 가져오기

$("#id").parent()$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素,依次上溯

--------------------------------------------------------------------------------

2.获取同级元素

$("#id").next(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素,由选择器筛选是可选的。

$("#id").prev(selector)

获得匹配元素紧邻的前一个同胞元素(与next相反)

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素(与nextAll相反)

--------------------------------------------------------------------------------

3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素,添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

상위 요소 가져오기


$("#id") . parent()

모든 상위 요소 가져오기

$("#id").closest()

가장 가까운 상위 요소 가져오기, 순서대로 역추적

- - ------------------------------------------------- - ------------------

2. 형제 요소 가져오기

$("#id " ).next(selector)

일치하는 요소 바로 옆에 있는 다음 형제 요소를 가져옵니다. 선택기가 제공되면 선택기와 일치하는 다음 형제 요소를 검색합니다.


$("#id").nextAll(selector)

🎜일치하는 요소 뒤의 모든 형제 요소를 가져옵니다. 선택기로 필터링하는 것은 선택 사항입니다. 🎜🎜$("#id").prev(selector)🎜🎜일치된 요소의 바로 이전 형제 요소 가져오기(다음과 반대) 🎜🎜$("#id") .prevAll(selector)🎜🎜현재 일치하는 요소 이전의 모든 형제 요소를 가져옵니다(nextAll의 반대)🎜🎜--------- - ------------------------------------------------- - ------🎜🎜🎜3. 하위 요소 가져오기🎜🎜🎜$("#id").children(selector)🎜🎜일치하는 요소의 하위 요소를 반환합니다. 선택기로 필터링할 수 있습니다. 🎜🎜$("#id").find(selector)🎜🎜현재 요소의 하위 요소 가져오기🎜🎜🎜관련 권장 사항: 🎜🎜🎜🎜js 및 jquery를 사용하여 상위 요소, 하위 요소 가져오기 , 형제 요소 구현 방법_javascript 기술🎜🎜🎜🎜jQuery 부모 및 형제 요소 search_jquery 소개🎜🎜🎜🎜jquery 선택기를 사용하여 부모 요소, 형제 요소 및 자식 요소를 가져오는 방법_jquery🎜🎜🎜🎜🎜

위 내용은 모든 상위 요소, 형제 요소 및 하위 요소 인스턴스를 가져오는 jQuery에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.