So ändern Sie die Attribute des übergeordneten Knotens in jquery-Front-End-Fragen und Antworten-php.cn

So ändern Sie die Attribute des übergeordneten Knotens in jquery

青灯夜游

Freigeben： 2022-05-17 12:53:36

Original

2334 Leute haben es durchsucht

Methoden zum Ändern der Attribute des übergeordneten Knotens: 1. Verwenden Sie parent(), um das übergeordnete Knotenobjekt des angegebenen Elements abzurufen. Die Syntax lautet „$(angegebenes Element).parent()“ 2. Verwenden Sie attr(), um das zu ändern angegebenes Attribut des übergeordneten Knotenobjekts, Syntax „übergeordnetes Knotenobjekt.attr({“Attributname“:“Wert“,Attributname:“Wert“,...})“.

So ändern Sie die Attribute des übergeordneten Knotens in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquerys Methode zum Ändern der Attribute übergeordneter Knoten

muss in zwei Schritte unterteilt werden:

Erhalten Sie das übergeordnete Knotenobjekt des angegebenen Elements
Ändern Sie die Attribute des ausgewählten Elements

Das Folgende ist eine detaillierte Einführung.

1. Verwenden Sie die Methode parent(), um das übergeordnete Knotenobjekt abzurufen. Die Methode

parent() gibt das direkte übergeordnete Element des ausgewählten Elements zurück.

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

Nach dem Login kopieren

2. Verwenden Sie die Methode attr(), um die angegebenen Attribute des übergeordneten Knotenobjekts zu ändern. Die Methode attr() kann die Attribute und Werte des ausgewählten Elements festlegen.

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

Nach dem Login kopieren

Beispiel: Ändern Sie das ID-Attribut des übergeordneten Knotens

<!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>

Nach dem Login kopieren

[Empfohlenes Lernen: jQuery-Video-Tutorial
,
Web-Front-End-Video]
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Attribute des übergeordneten Knotens in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!