Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengubah suai atribut nod induk dalam jquery
Kaedah untuk mengubah suai atribut nod induk: 1. Gunakan parent() untuk mendapatkan objek nod induk bagi elemen yang ditentukan, sintaksnya ialah "$(specified element).parent()" 2. Use attr() ) untuk mengubah suai objek nod induk Atribut yang ditentukan, sintaksnya ialah "objek nod induk.attr({"nama atribut":"nilai","nama atribut":"nilai",...})".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Kaedah jquery untuk mengubah suai atribut nod induk
perlu dibahagikan kepada dua langkah:
Dapatkan objek nod induk elemen yang ditentukan
mengubah suai atribut elemen yang dipilih
yang akan diperkenalkan secara terperinci di bawah .
1 Gunakan kaedah parent() untuk mendapatkan objek nod induk
Kaedah induk() mengembalikan elemen induk langsung bagi elemen yang dipilih.
$(指定元素).parent(filter)
2 Gunakan kaedah attr() untuk mengubah suai atribut yang ditentukan bagi objek nod induk
kaedah attr() boleh. tetapkan sifat dan nilai elemen yang dipilih.
父节点对象.attr({"属性名":"属性值", "属性名":"属性值",...})Contoh: Ubah suai atribut id nod induk
<!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>[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut nod induk dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
