Jquery에서 첫 번째 요소를 제외하는 방법-프런트엔드 Q&A-php.cn

Jquery에서 첫 번째 요소를 제외하는 방법

青灯夜游

풀어 주다： 2022-03-22 20:13:32

원래의

3338명이 탐색했습니다.

문제 해결 방법: 1. not() 함수와 ":eq()" 선택기를 사용합니다. 구문은 "$(selector).not(":eq(0)")"입니다. 2. not( ) 함수 및 ":first" 선택기의 경우 구문은 "$(selector).not(":first")"입니다.

Jquery에서 첫 번째 요소를 제외하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jquery는 첫 번째 요소를 제외합니다

방법 1: not() 메서드와 :eq(0) 선택기

:eq() 선택기를 사용하여 지정된 인덱스 값을 가진 요소를 선택합니다. 인덱스 값은 0부터 시작하며 첫 번째 요소는 모두 인덱스 값이 0(1이 아님)입니다.

not()은 일치하는 요소 집합에서 요소를 제거합니다.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("ul").children().not(":eq(0)").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>第一个子元素</li>
				<li>第二个子元素</li>
				<li>第三个子元素</li>
				<li>第四个子元素</li>
				<li>第五个子元素</li>
			</ul>
		</div>
		<p>选择ul中除第一个子元素的其他元素</p>
	</body>
</html>

로그인 후 복사

Jquery에서 첫 번째 요소를 제외하는 방법

방법 2: 첫 번째 요소를 선택하려면 not() 메서드와 :first 선택기

:first 선택기를 사용하세요.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("ul").children().not(":first").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>第一个子元素</li>
				<li>第二个子元素</li>
				<li>第三个子元素</li>
				<li>第四个子元素</li>
				<li>第五个子元素</li>
			</ul>
		</div>
		<p>选择ul中除第一个子元素的其他元素</p>
	</body>
</html>

로그인 후 복사

Jquery에서 첫 번째 요소를 제외하는 방법