Dapatkan semua elemen di dalam javascript div

Keterangan. Dapatkan turunan dari setiap elemen dalam kumpulan elemen yang cocok, termasuk node teks dan komentar

• versi ditambahkan. 1. 2

  • Metode ini tidak menerima argumen apa pun

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 dalam div menggunakan JavaScript?

Bagaimana Anda memilih semua elemen di dalam elemen div?

Bagaimana cara mendapatkan nilai di dalam div di JavaScript?

Bagaimana cara mendapatkan semua elemen turunan dari div di JavaScript?