wiki:javascript:jquery:jquery_note:jquery_ancestors

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:jquery:jquery_note:jquery_ancestors [2021/04/19 13:00]
emblim98
+++ wiki:javascript:jquery:jquery_note:jquery_ancestors [2023/01/13 18:44] (현재)
@@ 줄 1: / 줄 1: @@
 ======jQuery Traversing - Ancestors======
 <WRAP left notice 70%>
-  * description : jQuery - Traversing
+  * description : jQuery Traversing - Ancestors
   * author      : 오션
   * email       : shlim@repia.com
@@ 줄 32: / 줄 32: @@
 ====예제====
 <code jquery>
+    $(document).ready(function () {
+      $("span").parent().css({ "color": "red", "border": "2px solid crimson" });
+    });
 </code>
 =====jQuery parents() Method=====
-''parent()'' 메서드는 선택한 요소의 (문서의 루트 요소 (<html>)까지 위에 있는) 모든 조상(ancestor) 요소를 반환합니다.\\
+''parent()'' 메서드는 선택한 요소의 (문서의 루트 요소 (%%<html>%%)까지 위에 있는) 모든 조상(ancestor) 요소들을 반환합니다.\\
 \\
 다음 예제는 모든 ''%%<span>%%'' 요소의 모든 조상(ancestors) 요소들을 반환합니다.\\
@@ 줄 42: / 줄 44: @@
 ====예제====
 <code jquery>
+    $(document).ready(function () {
+      $("span").parents().css({ "color": "red", "border": "2px solid red" });
+    });
 </code>
 \\
@@ 줄 51: / 줄 55: @@
 ====예제====
 <code jquery>
+    $(document).ready(function () {
-<?code>
+      $("span").parents("ul").css({ "color": "red", "border": "2px solid red" });
+    });
+</code>
 =====jQuery parentsUntil() Method=====
@@ 줄 61: / 줄 67: @@
 ====예제====
 <code jquery>
+    $(document).ready(function () {
+      $("span").parentsUntil("div").css({ "color": "red", "border": "2px solid red" });
+    });
 </code>

/volume1/web/dokuwiki/data/attic/wiki/javascript/jquery/jquery_note/jquery_ancestors.1618804837.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)