jquery에서 상위 노드 속성을 수정하는 방법-프런트엔드 Q&A-php.cn

jquery에서 상위 노드 속성을 수정하는 방법

青灯夜游

풀어 주다： 2022-05-17 12:53:36

원래의

2306명이 탐색했습니다.

상위 노드 속성을 수정하는 방법: 1. parent()를 사용하여 지정된 요소의 상위 노드 객체를 얻습니다. 구문은 "$(지정된 요소).parent()"입니다. 2. attr()을 사용하여 수정합니다. 상위 노드 객체의 지정된 속성, 구문 "Parent node object.attr({"속성 이름":"값","속성 이름":"값",...})".

jquery에서 상위 노드 속성을 수정하는 방법

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

jquery의 상위 노드 속성 수정 방법

은 두 단계로 나누어야 합니다.

지정된 요소의 상위 노드 개체 가져오기
선택한 요소의 속성 수정

자세한 소개는 다음과 같습니다.

1. parent() 메서드를 사용하여 상위 노드 객체를 얻습니다.

parent() 메서드는 선택한 요소의 직접 상위 요소를 반환합니다.

$(指定元素).parent(filter)

로그인 후 복사

2. attr() 메소드를 사용하여 상위 노드 객체의 지정된 속성을 수정합니다.

attr() 메소드는 선택한 요소의 속성과 값을 설정할 수 있습니다.

父节点对象.attr({"属性名":"属性值", "属性名":"属性值",...})

로그인 후 복사

예: 상위 노드의 id 속성 수정

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.siblings,.siblings *{ 
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
			#border{
				border: 2px solid pink;
			}
		</style>
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("h2").css("border","2px solid red")
				$("button").click(function() {
					$("h2").parent().attr({"id":"border"})

				});
			});
		</script>
	</head>
	<body>
		<div class="siblings">div (父)
			<p>p（兄弟元素）</p>
			<span>span（兄弟元素）</span>
			<h2>h2（本元素）</h2>
			<h3>h3（兄弟元素）</h3>
			<p>p（兄弟元素）</p>
		</div>
		<button>修改父节点的id属性</button>
	</body>
</html>

로그인 후 복사

jquery에서 상위 노드 속성을 수정하는 방법