Kaedah untuk mengalih keluar nod terakhir: 1. Gunakan pemilih "eq(-1)" untuk memilih nod terakhir dalam dokumen, sintaksnya ialah "$(Element:eq(-1))"; 2. Gunakan remove() untuk memadamkan nod yang dipilih Sintaks "elemen yang dipilih.remove()" boleh memadamkan elemen yang ditentukan dan semua teks dan sub-nod di dalamnya.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
jquery mengalih keluar nod terakhir
Kaedah pelaksanaan:
Gunakan pemilih ":eq()" untuk memilih elemen nod terakhir dalam dokumen
Gunakan remove() untuk memadamkan elemen nod yang dipilih
kaedah remove( ) Memadam elemen dan semua kandungan di dalamnya.
Isi penting: :eq() pemilih
:eq() pemilih memilih elemen dengan nilai indeks yang ditentukan.
nilai indeks bermula dari 0, jadi nilai indeks elemen pertama ialah 0 (bukan 1).
Apabila indeks ialah nilai negatif, pilih elemen dari belakang ke hadapan
Kod pelaksanaan:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<style>
.div,
div * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script>
$(document).ready(function() {
$("button").on("click", function() {
$("li:eq(-1)").remove();
});
});
</script>
</head>
<body class="ancestors">
<div style="width:500px;">div (父节点)
<ul>ul (指定元素)
<li>li (子节点1)
<span>span (孙节点1)</span>
</li>
<li>li (子节点2)
<span>span (孙节点2)</span>
</li>
<li>li (子节点3)
<span>span (孙节点3)</span>
</li>
</ul>
</div>
<button>删除最后一个li元素</button>
</body>
</html>
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar nod terakhir dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
