제이쿼리 andSelf()
제이쿼리 andSelf()
설명 : 스택의 이전 요소 세트를 현재 세트에 추가하십시오.
참고 : 이 함수는 더 이상 사용되지 않으며 .addBack()jQuery 1.8 이상에서 사용해야 하는 별칭입니다 .
위의 설명에서 설명한 것처럼 .end()jQuery 객체는 일치하는 요소 집합에 대한 변경 사항을 추적하는 내부 스택을 유지 관리합니다. DOM 탐색 메서드 중 하나가 호출되면 새 요소 집합이 스택에 푸시됩니다. 이전 요소 세트도 원할 경우 .andSelf()도움이 될 수 있습니다.
간단한 목록이있는 페이지를 고려하십시오.
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
다음 코드의 결과는 항목 3, 4 및 5 뒤에 빨간색 배경이됩니다.
$( "li.third-item" ).nextAll().andSelf()
.css( "background-color", "red" );
먼저, 초기 선택기는 항목 3을 찾고이 항목 만 포함하는 세트로 스택을 초기화합니다. .nextAll()그런 다음 호출 은 항목 4와 5의 세트를 스택으로 푸시합니다. 마지막으로 .andSelf()호출은이 두 세트를 병합하여 문서 순서로 세 항목 모두를 가리키는 jQuery 객체를 만듭니다 [ <li.third-item>, <li>, <li> ].
예:
이 .andSelf()메서드는 순회 스택의 이전 DOM 요소 집합을 현재 집합에 추가합니다. 첫 번째 예에서 최상위 스택에는 다음과 같은 결과 집합이 포함됩니다 .find("p"). 두 번째 예에서는 .andSelf()스택에있는 이전 요소 집합 (이 경우) $( "div.after-andself" )을 div 및 닫힌 단락을 모두 선택하여 현재 집합에 추가합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>andSelf demo</title>
<style>
p, div {
margin: 5px;
padding: 5px;
}
.border {
border: 2px solid red;
}
.background {
background: yellow;
}
.left, .right {
width: 45%;
float: left;
}
.right {
margin-left: 3%;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div class="left">
<p><strong>Before <code>andSelf()</code></strong></p>
<div class="before-andself">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<div class="right">
<p><strong>After <code>andSelf()</code></strong></p>
<div class="after-andself">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<script>
$( "div.left, div.right" ).find( "div, div > p" ).addClass( "border" );
// First Example
$( "div.before-andself" ).find( "p" ).addClass( "background" );
// Second Example
$( "div.after-andself" ).find( "p" ).andSelf().addClass( "background" );
</script>
</body>
</html>
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 4646 | PHP | 8년 전 | 2138 | ||
| 4645 | PHP | 8년 전 | 2133 | ||
| 4644 | PHP | 8년 전 | 1635 | ||
| 4643 | PHP | 8년 전 | 1700 | ||
| 4642 | PHP | 8년 전 | 1802 | ||
| 4641 | PHP | 8년 전 | 1875 | ||
| 4640 | PHP | 8년 전 | 2039 | ||
| 4639 | PHP | 8년 전 | 1690 | ||
| 4638 | PHP | 8년 전 | 1602 | ||
| 4637 | PHP | 8년 전 | 1838 | ||
| 4636 | PHP | 8년 전 | 1560 | ||
| 4635 | Mobile | 8년 전 | 10195 | ||
| 4634 | PHP | 8년 전 | 2126 | ||
| 4633 | PHP | 8년 전 | 1714 | ||
| 4632 | PHP | 8년 전 | 1991 | ||
| 4631 | OS | 8년 전 | 7132 | ||
| 4630 | PHP | 8년 전 | 2025 | ||
| 4629 | PHP | 8년 전 | 2069 | ||
| 4628 | PHP | 8년 전 | 5442 | ||
| 4627 | MySQL | 8년 전 | 4244 | ||
| 4626 | OS |
 GKTEAM |
8년 전 | 3088 | |
| 4625 | PHP | 8년 전 | 2315 | ||
| 4624 | PHP | 8년 전 | 2212 | ||
| 4623 | PHP | 8년 전 | 1872 | ||
| 4622 | PHP | 8년 전 | 2276 | ||
| 4621 | PHP | 8년 전 | 2024 | ||
| 4620 | PHP | 8년 전 | 2092 | ||
| 4619 | 기타 | 8년 전 | 3826 | ||
| 4618 | PHP | 8년 전 | 2671 | ||
| 4617 | PHP | 8년 전 | 1870 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기