MPR | jquery siblings 예제
155715
single,single-post,postid-155715,single-format-standard,ajax_fade,page_not_loaded,,select-theme-ver-3.2.1,popup-menu-slide-from-left,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

jquery siblings 예제

jquery siblings 예제

.siblings() 메서드는 선택한 것과 동일한 부모를 가진 요소를 가져옵니다: 안녕하세요, 자습서주셔서 감사합니다. 나는 그들이 형제가 될 수 있도록 두 divs 사이의 관계를 만들 수있는 방법을 알고 싶었다. jQuery 자식 및 형제 선택기는 4개의 선택기, 하위 선택기(A B), 자식 선택기(A > B), 인접한 형제 선택기(A + B) 및 일반 형제 선택기(A ~ B)로 나눌 수 있습니다. 그 사이의 다른 것을 이해하기 위해 예를 들어 봅시다. 첫째, 당신은 아이와 형제가 무엇인지 이해해야합니다. 이 예제를 살펴보겠습니다. 예를 들어, 특정 HTML 요소에 siblings() 메서드를 적용하면 모든 형제가 반환됩니다. 이 자습서에서는 jQuery 다음 형제를 표시 하는 데 사용 되는 다음() 메서드 및 prev() 함수 jQuery 이전 형제를 가져옵니다. 이 전체 자습서를 읽고 제공된 코드 예제를 검토하여 자세히 알아보십시오.

이 코드 예제에서는 이 메서드의 사용을 보여 줍니다. 형제() 메서드는 선택한 HTML 요소의 모든 형제를 반환 하는 데 사용 됩니다. jQuery next() 및 prev() 메서드와 달리 이 메서드는 선택한 요소의 형제를 따라 앞뒤로 트래버스합니다. 이 메서드는 요소 집합에서 유사한 작업을 수행하려는 경우에 매우 유용합니다. 코드 #2: 아래 코드에서 함수에 대한 선택적 매개 변수를 사용하여 형제 검색을 필터링합니다. 여기에 선택기를 추가하여 다음 형제 중 어떤 형제를 선택할지 필터링할 수도 있습니다. 첫 번째 디브에서, Bheem과 나쿨은 아르준의 형제이며, 두 번째 div에서 마크와 스티브는 톰의 형제입니다. 이것이 jQuery에서 요소의 형제를 얻는 방법입니다. 아래 이미지는 위의 HTML 페이지에서 생성된 출력입니다.

jQuery를 사용하면 DOM 트리에서 옆으로 이동하여 요소의 형제를 찾을 수 있습니다. 이 호출의 결과는 항목 1, 2, 4 및 5 뒤에 빨간색 배경입니다. 선택기 식을 제공하지 않으므로 모든 형제는 개체의 일부입니다.

No Comments

Sorry, the comment form is closed at this time.