Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie die Attribute des übergeordneten Knotens in jquery
So ändern Sie die Attribute des übergeordneten Knotens in jquery
- 青灯夜游Original
- 2022-05-17 12:53:292332Durchsuche
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“,...})“.
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)
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({"属性名":"属性值", "属性名":"属性值",...})
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>
[Empfohlenes Lernen: 
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!