Bagaimana untuk memadam elemen kanak-kanak dalam jquery dan menyimpan yang pertama-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk memadam elemen kanak-kanak dalam jquery dan menyimpan yang pertama

WBOY

Lepaskan： 2022-05-18 16:18:17

asal

2873 orang telah melayarinya

Kaedah: 1. Gunakan "$(element).children()" untuk mendapatkan objek elemen kanak-kanak bagi elemen; 2. Gunakan "objek elemen kanak-kanak.bukan(":first")" untuk mendapatkan anak pertama Objek elemen kanak-kanak di luar elemen 3. Gunakan "Objek elemen kanak-kanak kecuali elemen anak pertama.buang()" untuk memadamkan elemen kanak-kanak dan simpan yang pertama.

Bagaimana untuk memadam elemen kanak-kanak dalam jquery dan menyimpan yang pertama

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Bagaimanakah jquery memadamkan elemen kanak-kanak dan mengekalkan semua elemen anak langsung?

Pokok DOM: Kaedah ini hanya merentasi satu tahap ke bawah pokok DOM. Untuk merentasi berbilang peringkat (kembali nod keturunan atau keturunan lain), gunakan kaedah find(). Petua: Untuk melintasi satu peringkat ke atas pokok DOM, atau untuk melintasi semua laluan sehingga ke elemen akar dokumen (mengembalikan nod induk atau nenek moyang lain), gunakan kaedah parent() atau parents() .

Sintaksnya ialah:

2. Gunakan untuk tidak bekerjasama: pertama untuk mengecualikan elemen anak pertama

bukan( ) kaedah Mengembalikan elemen yang tidak memenuhi syarat tertentu.

$(selector).children(filter)

Salin selepas log masuk

Kaedah ini membolehkan anda menentukan syarat. Elemen yang tidak memenuhi kriteria akan dikembalikan daripada pemilihan, dan elemen yang memenuhi kriteria akan dialih keluar. Kaedah ini biasanya digunakan untuk mengalih keluar satu atau lebih elemen daripada gabungan elemen yang dipilih.

:pemilih pertama memilih elemen pertama.

Sintaks ialah

3 Gunakan alih keluar untuk memadamkan elemen Kaedah

buang() mengalih keluar elemen yang dipilih, termasuk semua teks. dan sub-elemen.

$(":first")

Salin selepas log masuk

Kaedah ini juga akan mengalih keluar data dan peristiwa elemen yang dipilih. Sintaksnya ialah:

Contoh adalah seperti berikut:

Hasil output:

$(selector).remove()

Salin selepas log masuk

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123/title>
<style>
.descendants *{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("ul").children().not(":first").remove();
});
</script>
</head>
<body class="descendants">body (曾祖先节点)
<div style="width:500px;">div (祖先节点)
<ul>ul (直接父节点)  
<li>li (第一个子节点)
<span>span (孙节点)</span>
</li>
<li>li (第二个子节点)
<span>span (孙节点)</span>
</li>
<li>li (第三个子节点)
<span>span (孙节点)</span>
</li>
<li>li (第四个子节点)
<span>span (孙节点)</span>
</li>
</ul>   
</div>
</body>
</html>

Salin selepas log masuk

Cadangan tutorial video berkaitan:

Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen kanak-kanak dalam jquery dan menyimpan yang pertama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!