프로그램

jQuery parents() Method

다온다올과함께 2022. 1. 12. 09:59

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(결과)

 

 

 

 

 

 

반응형
댓글수0