jquery의 순회 함수 siblings() 사용법에 대한 자세한 설명
- 巴扎黑원래의
- 2017-06-22 14:08:231522검색
이 글에서는 주로 jquery 순회 함수 siblings()의 사용법을 소개하고, 요소 순회를 위한 jquery의 형제 함수 관련 기술을 예제 형식으로 자세히 분석합니다. 필요한 친구들은 참고할 수 있습니다.
이 글에서는 jquery 순회에 대해 설명합니다. siblings() 사용법의 예가 포함된 함수입니다. 참조용으로 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.
siblings([expr])
일치하는 모든 요소 집합에서 각 요소의 모든 형제 요소 집합을 가져옵니다. 일치하는 요소 집합 반환
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
var len = $(".hilite").siblings().css("color", "red").length;
$("b").text(len);
});
</script>
<style>
ul { float:left; margin:5px; font-size:16px; font-weight:bold; }
p { color:blue; margin:10px 20px; font-size:16px; padding:5px;
font-weight:bolder; }
.hilite { background:yellow; }
</style>
</head>
<body>
<ul>
<li>One</li>
<li>Two</li>
<li class="hilite">Three</li>
<li>Four</li>
</ul>
<ul>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
</ul>
<ul>
<li>Eight</li>
<li class="hilite">Nine</li>
<li>Ten</li>
<li class="hilite">Eleven</li>
</ul>
<p>Unique siblings: <b></b></p>
</body>
</html>코드 복사 코드는 다음과 같습니다.
$(".hilite").siblings()
는 특수 스타일을 포함하는 모든 형제 요소 집합을 가져옵니다. '힐라이트' 요소. 다음은 일치하는 요소의 집합입니다
<li>One</li> <li>Two</li> <li>Four</li> <li>Eight</li> <li class="hilite">Nine</li> <li>Ten</li> <li class="hilite">Eleven</li>
위 내용은 jquery의 순회 함수 siblings() 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.