jquery siblings 예제

논리적 관계에서 형제는 동일한 부모를 공유하는 요소입니다. .nextAll() 메서드는 모든 이전 형제를 반환합니다: 원래 요소는 형제 간에 포함되지 않으며 DOM 트리의 특정 수준에서 모든 요소를 찾으려는 경우 기억해야 합니다. 그러나 원본 컬렉션에 둘 이상의 요소가 포함된 경우 상호 형제일 수 있으며 둘 다 찾을 수 있습니다. 형제 의 단독 목록이 필요한 경우 $collection.siblings().not($collection)을 사용합니다. 또한 선택 된 요소의 jQuery 형제를 필터링 하는 선택적 선택기 추가할 수 있습니다. 안녕하세요, 튜토리얼 주셔서 감사합니다. 나는 그들이 형제가 될 수 있도록 두 divs 사이의 관계를 만들 수있는 방법을 알고 싶었다. 나는 두 개의 divs가 있습니다 : 다음 예제에서는

: jQuery를 사용하면 DOM 트리에서 옆으로 이동하여 요소의 형제를 찾을 수 있습니다. 위의 두 번째 행을 넣어 주어진, 마크와 스티브는 톰의 형제입니다. 톰을 강조해야하지만, 스티브를 강조. 첫 번째 디브에서, Bheem과 나쿨은 아르준의 형제이며, 두 번째 div에서 마크와 스티브는 톰의 형제입니다.

이것이 jQuery에서 요소의 형제를 얻는 방법입니다. 아래 이미지는 위의 HTML 페이지에서 생성된 출력입니다. 형제()는 선택한 요소의 모든 형제 요소를 찾는 데 사용되는 jQuery의 붙단 메서드입니다. 형제는 DOM 트리에서 동일한 부모 요소를 갖는 형제입니다. DOM(문서 개체 모델)은 월드 와이드 웹 컨소시엄 표준입니다. DOM 트리의 요소에 액세스하기 위한 정의입니다. 구문: siblings() 메서드는 선택한 HTML 요소의 모든 형제를 반환 하는 데 사용 됩니다. jQuery next() 및 prev() 메서드와 달리 이 메서드는 선택한 요소의 형제를 따라 앞뒤로 트래버스합니다. 이 메서드는 요소 집합에서 유사한 작업을 수행하려는 경우에 매우 유용합니다. 이 메서드는 지정된 요소 형식이 발견될 때까지 레이아웃에서 선택한 항목 후에 형제 jQuery가 찾도록 합니다. 위의 코드에서 “h2″의 모든 형제가 강조 표시됩니다.

출력: 이 코드 예제에서는 이 메서드의 사용을 보여 줍니다: DOM 요소 집합을 나타내는 jQuery 개체가 있는 경우 .siblings() 메서드를 사용하면 DOM 트리에서 이러한 요소의 형제를 검색하고 새 jQuery 개체를 구성할 수 있습니다. 일치하는 요소. 여기에 선택기를 추가하여 다음 형제 중 어떤 형제를 선택할지 필터링할 수도 있습니다. DOM 트리: 이 메서드는 DOM 요소의 형제를 따라 앞뒤로 트래버스합니다. 코드 #2: 아래 코드에서 함수에 대한 선택적 매개 변수를 사용하여 형제 검색을 필터링합니다. 이 예제에서는 세 개의 div 요소를 볼 수 있으며 각 div에는 세 개의 범위 요소가 있습니다. 첫 번째 및 두 번째 div 요소에서 두 번째 범위에는 CSS 스타일 클래스 “강조 표시”가 있습니다. 형제() 메서드는 class=”강조 표시”를 갖는 선택한 요소의 모든 형제를 반환하고 형제의 색상을 빨간색으로 변경합니다. 3개의 목록에서 모든 노란색 li 요소의 고유한 형제를 찾습니다(해당하는 경우 다른 노란색 li 요소 포함). 우리가 세 번째 항목에서 시작하면, 우리는 그 형제를 찾을 수 있습니다 : 첫째, 당신은 아이와 형제가 무엇인지 이해해야합니다.