문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======jQuery Traversing - siblings======
<WRAP left notice 70%>
  * description : jQuery Traversing - Siblings
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-19
</WRAP>
<WRAP clear></WRAP>
\\
====Source of the article====
[[https://www.w3schools.com/jquery/jquery_traversing_siblings.asp|jQuery Traversing - Siblings]]\\
\\
DOM 트리에서 옆으로 횡단하는 데 유용한 %%jQuery%% 메서드가 많이 있습니다.\\
  * ''%%siblings()%%''
  * ''%%next()%%''
  * ''%%nextAll()%%''
  * ''%%nextUntil()%%''
  * ''%%prev()%%''
  * ''%%prevAll()%%''
  * ''%%prevUntil()%%''

=====jQuery siblings() Method=====
''%%siblings()%%'' 메서드는 선택한 요소의 모든 형제(sibling) 요소를 반환합니다.\\
\\
다음 예제는 ''%%<h2>%%''의 모든 형제 요소를 반환합니다.\\
<code jquery>
    $(document).ready(function () {
      $("h2").siblings().css({ "color": "red", "border": "2px solid red" });
    });
</code>
\\
매개 변수를 선택하여 형제 요소 검색을 필터링 할 수도 있습니다.\\
\\
다음 예제는 ''%%<h2>%%''의 모든 형제 요소들인 ''%%<p>%%'' 요소들을 반환합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("h2").siblings("p").css({ "color": "red", "border": "2px solid red" });
    });
</code>

=====jQuery next() Method=====
''next()'' 메서드는 선택한 요소의 다음에 있는 형제 요소를 반환합니다.\\
\\
다음 예제는 ''%%<h2>%%''의 다음에 있는 형제 요소를 반환합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("h2").next().css({ "color": "green", "border": "2px solid green" });
    });
</code>

====jQuery nextAll() Method=====
''nextAll()'' 메서드는 선택한 요소의 다음에 있는 모든 형제 요소들을 반환합니다.\\
\\
다음 예제는 ''%%<h2>%%''의 다음에 있는 모든 형제 요소들을 반환합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("h2").nextAll().css({ "color": "crimson", "border": "2px solid crimson" });
    });
</code>

=====jQuery nextUntil() Method=====
''nextUntil()'' 메서드는 주어진 두 인수(arguments) 사이의 모든 형제 요소들을 반환합니다.\\
\\
다음 예제는 ''%%<h2>%%''와 ''%%<h6>%%'' 요소 사이의 모든 형제 요소들을 반환합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("h2").nextUntil("h6").css({ "color": "blue", "border": "2px solid blue" });
    });
</code>

=====jQuery prev(), prevAll() & prevUntil() Methods=====
''prev()'', ''prevAll()'' 및 ''prevUntil()'' 메서드는 위의 메서드와 동일하게 작동합니다. 하지만 역방향 기능이 있어, 이전 형제 요소를 반환합니다 (FIXME앞이 아닌 DOM 트리의 형제 요소를 따라 뒤로 횡단합니다).\\


=====jQuery Traversing Reference=====
모든 %%jQuery%% Traversing 메서드에 대한 전체 개요를 보려면 [[https://www.w3schools.com/jquery/jquery_ref_traversing.asp|jQuery Traversing Reference]]로 이동하십시오.

{{tag>오션 jQuery Traversing - Siblings}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구