jQuery parents() Method
The parents() method returns all ancestor elements of the selected element, all the way up to the document's root element (<html>).
[이 parents()메서드는 문서의 루트 요소( <html>) 까지 선택한 요소의 모든 상위 요소를 반환합니다 .]
html
<ul>
<li><span>parents</span></li>
<li><span>parents</span></li>
</ul>
css
ul {
padding:0;
margin:0;
list-style:none;
}
li {
height:40px;
line-height:40px;
text-align:center;
border:1px solid #ddd;
border-top:0;
}
li:first-child {
border-top:1px solid #ddd;
}
jquery
$(document).ready(function(){
$("span").parents("li:first-child").css("background","red");
$("span").parents("li").eq(1).css("border-color","black");
});
parents("li:first-child") 또는 parents("li").eq(1)
같은 상위 요소를 반환한다.
Result(결과)
반응형
'프로그램' 카테고리의 다른 글
| CSS Text Animations - 모음 (0) | 2024.01.16 |
|---|---|
| css 플렉스(flex) 속성 (0) | 2022.01.25 |
| jQuery hover() Method (0) | 2022.01.08 |
| jQuery siblings() Method (0) | 2021.12.31 |
| jQuery parent() Method (0) | 2021.12.31 |
댓글