Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial JQuery

  • Tutorial Belajar jQuery
  • Cara Download jQuery
  • Apa Itu jQuery
  • Mengenal Selector
  • Menangkap Event
  • Fungsi Hide Dan Show
  • Mengambil Elemen Dan Konten
  • Mengisi Elemen Dan Konten
  • Menambah Elemen Dan Konten
  • Menghapus Elemen Dan Konten
  • Mengenal Traversing
  • Mencari Elemen Induk
  • Mencari Elemen Anak
  • Mencari Elemen Sejajar
  • Memfilter Elemen
  • Belajar Ajax JQuery
  • Beranda
  • Tutorial
  • Mengenal Traversing

Mengenal Traversing

Daftar Isi
  • Hubungan Antar Elemen HTML
  • Contoh Relasi Antar Elemen HTML

Traversing adalah mencari suatu elemen HTML berdasarkan hubungan (relation) dengan elemen HTML lainnya. Pencarian dimulai dari suatu elemen tertentu dan diteruskan sampai elemen yang dicari diketemukan. Pencarian dengan metode traversing dilakukan di dalam suatu tree elemen (DOM tree) yang mengandung banyak cabang-cabang dan turunan.

JQuery Traversing merujuk pada posisi elemen dalam tree elemen, apakah sebagai induk (parent) atau sebagai anak (child) atau setingkat (sibling) bagi elemen HTML lain. Misalkan lemen div adalah induk dari elemen p ( div > p ), atau elemen ul adalah anak dari elemen span ( span > ul ), dan elemen li pertama apakah sejajar dengan elemen li kedua.

Hubungan Antar Elemen HTML #

Secara garis besar hubungan atau relasi antara elemen HTML terdiri dari induk atau parent, child atau anak, sejajar atau sibling, descendant dan ancestor.

  • Parent (induk) adalah elemen HTML yang tepat berada di atas elemen-elemen HTML lain.
  • Child (anak) adalah elemen HTML yang tepat berada di dalam elemen lain.
  • Descendant adalah anak dari anak suatu elemen HTML.
  • Ancestor adalah induk dari induk suatu elemen HTML.
  • Sibling adalah elemen-elemen HTML yang berada dalam posisi sejajar.

Contoh Relasi Antar Elemen HTML #

Perhatikan susunan elemen-elemen HTML di bawah ini. Elemen-elemen tersebut berada di dalam tree elemen (DOM tree).

  • Elemen div adalah parent dari elemen ul dan ancestor dari semua elemen lainnya
  • Elemen ul adalah parent dari elemen li dan child dari elemen div di atasnya
  • Elemen li kiri adalah parent dari elemen span, child dari elemen ul dan descendant dari elemen div paling atas
  • Elemen span adalah child dari elemen li kiri dan descendant dari elemen ul dan div paling atas
  • Dua elemen li adalah sibling, mereka mempunyai parent yang sama
  • Elemen li kanan adalah parent dari elemen b, child dari elemen ul dan descendant dari elemen div
  • Elemen b adalah child dari elemen li kanan dan descendant dari elemen ul dan div
What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Menghapus Elemen Dan KontenMencari Elemen Induk

1 comment

Gaza and its Resistance to Israel's Brutal Attacks berkata:
November 29, 2023 pukul 5:43 am

Hi there to all for the reason that I am genuinely keen of reading this website s post to be updated on a regular basis. It carries pleasant stuff.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Hubungan Antar Elemen HTML
  • Contoh Relasi Antar Elemen HTML

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.