Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery
Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery
- 青灯夜游asal
- 2022-05-26 14:04:351248semak imbas
Kaedah mengosongkan: 1. Gunakan siblings() untuk mendapatkan semua elemen adik beradik yang lain bagi elemen yang dipilih Sintaks "specify element.siblings()" akan mengembalikan objek jquery yang mengandungi semua elemen adik beradik; () memadamkan elemen adik-beradik yang diperolehi, sintaksnya ialah "objek elemen adik-beradik.remove()".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Kaedah Jquery untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama
1 Elemen yang dipilih Kaedah
siblings() digunakan terutamanya untuk mendapatkan semua elemen pada tahap yang sama bagi elemen yang ditentukan
$(selector).siblings()
akan mengembalikan objek jquery yang mengandungi semua adik beradik elemen.
2. Gunakan remove() untuk memadamkan elemen adik beradik yang diperolehi
同级元素对象.remove()
Kaedah remove() mengalih keluar elemen yang dipilih, termasuk semua teks dan nod anak. . Kaedah ini juga mengalih keluar data dan peristiwa daripada elemen yang dipilih.
<!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() {
$("li.start").css({
"color": "red",
"border": "2px solid red"
});
$("button").click(function() {
$("li.start").siblings().remove();
});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (父节点)
<li>li (类名为"star"的上一个兄弟节点)</li>
<li>li (类名为"star"的上一个兄弟节点)</li>
<li class="start">类名称为“star”的li元素</li>
<li>li (类名为"star"的下一个兄弟节点)</li>
<li>li (类名为"star"的下一个兄弟节点)</li>
</ul>
</div>
<p>选择类名称为“star”的li元素的所有兄弟元素</p>
<button>清除同级非选中的元素</button>
</body>
</html>
[Pembelajaran yang disyorkan: tutorial video jQuery, pembangunan bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!