"JQuery .parents()"의 두 판 사이의 차이

(새 문서: ==개요== ;jQuery .parents() * 부모 요소들을 모두 선택하는 jQuery 메소드 <source lang='html5'> <body> body <div> div <p> p <em>안녕</em>하...)
 
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 6개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
==개요==
;jQuery .parents()
;jQuery .parents()
* 부모 요소들을 모두 선택하는 jQuery 메소드
* 조상<ref>부모, 부모의 부모...</ref> 요소들을 모두 선택하는 jQuery 메소드


<source lang='html5'>
<syntaxhighlight lang='html5'>
<body>
<body>
   body
   body
17번째 줄: 17번째 줄:
<script src='//code.jquery.com/jquery.min.js'></script>
<script src='//code.jquery.com/jquery.min.js'></script>
<script>
<script>
$('em').parents().css({"border": "3px solid hotpink"});
$('em').parents().css("border", "4px solid hotpink");
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle>en63re24</jsfiddle>
<jsfiddle height='160'>en63re24</jsfiddle>


==같이 보기==
==같이 보기==
*[[jQuery .parentsUntil()]]
*[[jQuery .parentsUntil()]]
*[[jQuery .parent()]]
*[[jQuery .parent()]]
*[[jQuery .closest()]]


==참고 자료==
==참고==
* https://api.jquery.com/parents/
* https://api.jquery.com/parents/
* http://www.w3schools.com/jquery/traversing_parents.asp
* http://www.w3schools.com/jquery/traversing_parents.asp


[[분류: jQuery]]
[[분류: jQuery]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery .parents()
  • 조상[1] 요소들을 모두 선택하는 jQuery 메소드
html
Copy
<body>
  body
  <div>
    div
    <p>
      p
      <em>안녕</em>하세요. 반갑습니다.
    </p>
  </div>
</body>

<script src='//code.jquery.com/jquery.min.js'></script>
<script>
$('em').parents().css("border", "4px solid hotpink");
</script>

2 같이 보기[ | ]

3 참고[ | ]

  1. 부모, 부모의 부모...