Keterangan. Dapatkan turunan dari setiap elemen dalam kumpulan elemen yang cocok, termasuk node teks dan komentar
Diberi objek jQuery yang mewakili sekumpulan elemen DOM, metode .contents()
memungkinkan kita untuk mencari anak langsung dari elemen ini di pohon DOM dan membuat objek jQuery baru dari elemen yang cocok. Metode .contents()
dan .children()
serupa, kecuali yang pertama menyertakan simpul teks dan simpul komentar serta elemen HTML dalam objek jQuery yang dihasilkan. Harap perhatikan bahwa sebagian besar operasi jQuery tidak mendukung node teks dan node komentar. Beberapa yang melakukannya akan memiliki catatan eksplisit di halaman dokumentasi API mereka
Metode .contents()
_ juga dapat digunakan untuk mendapatkan dokumen konten iframe, jika iframe berada di domain yang sama dengan halaman utama
Pada jQuery 3. 2, .contents()
mengembalikan konten elemen ________12______ juga
Pertimbangkan
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
0 sederhana dengan sejumlah node teks, yang masing-masing dipisahkan oleh dua elemen jeda baris (
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
1)
1
2
3
4
5
6
7
8
9
10
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br><br>
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
<br><br>
Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.
div>
Kita dapat menggunakan metode .contents()
untuk membantu mengubah gumpalan teks ini menjadi tiga paragraf yang tersusun dengan baik
1
2
3
4
5
6
7
8
9
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
Kode ini pertama-tama mengambil konten
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
3 dan kemudian memfilternya untuk node teks, yang dibungkus dengan tag paragraf. Ini dilakukan dengan menguji properti
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
_4 elemen. Properti DOM ini menyimpan kode numerik yang menunjukkan jenis node; . Konten disaring lagi, kali ini untuk
$( ".container" )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( "" )
.end()
.filter( "br" )
.remove();
5 elemen, dan elemen ini dihapus
Bagaimana cara mendapatkan semua elemen anak dalam JavaScript?
Untuk mendapatkan semua node anak, termasuk node non-elemen seperti node teks dan komentar, gunakan Node. childNodes .
Bagaimana cara mendapatkan teks elemen anak dalam JavaScript?
Untuk mendapatkan elemen anak pertama dari elemen tertentu, Anda menggunakan properti firstChild dari elemen tersebut. .
biarkan firstChild = parentElement. anak pertama;.
biarkan konten = dokumen. getElementById('menu'); . anak pertama. nodeName; . log(anak pertama);.
#teks
Bagaimana Anda memilih semua elemen anak kecuali yang pertama?
Dengan menggunakan. bukan(. anak pertama) pemilih , Anda menghapus masalah itu. Anda dapat menggunakan pemilih ini di setiap elemen HTML. Kasus penggunaan umum lainnya adalah jika Anda menggunakan unordered list
Bagaimana cara mendapatkan div anak di JavaScript?
var induk = dokumen. getElementById("induk"); . childNodes[0]; . nilai;