Cara Memilih Elemen Bersaudara dalam XPath (preceding-sibling & following-sibling)

Jawaban

Untuk memilih elemen bersaudara dalam XPath, gunakan sumbu preceding-sibling dan following-sibling. Sumbu ini memungkinkan Anda bergerak secara horizontal dalam DOM, memilih elemen yang memiliki orang tua yang sama sebelum atau setelah node referensi, memungkinkan ekstraksi data yang tepat dalam HTML yang terstruktur atau semi-terstruktur.

Penjelasan Rinci

XPath menyediakan berbagai sumbu navigasi untuk menelusuri DOM, dan pemilihan elemen bersaudara adalah salah satu teknik paling berguna dalam web scraping dan alur kerja otomasi. Elemen bersaudara adalah node yang memiliki orang tua yang sama dalam struktur dokumen, membuatnya sangat relevan ketika elemen target tidak memiliki identifikasi unik atau atribut.

Sumbu following-sibling:: memilih semua node yang muncul setelah node saat ini pada tingkat hierarki yang sama, sementara preceding-sibling:: memilih yang muncul sebelumnya. Misalnya, //label[text()='Email']/following-sibling::input dapat menemukan bidang input yang terkait dengan label.

Anda dapat menyempurnakan query ini dengan menambahkan filter, indeks, atau kondisi. Misalnya, following-sibling::*[1] memilih hanya saudara segera berikutnya, sementara menggabungkan kondisi seperti [preceding-sibling::h2 and following-sibling::h2] memungkinkan Anda mengisolasi elemen di antara penanda tertentu.

Teknik ini sangat umum digunakan dalam halaman dinamis, ekstraksi blok yang terstruktur (misalnya, spesifikasi produk, tabel), dan navigasi tata letak di mana elemen bergantung pada konteks daripada identifikasi unik.

Solusi / Metode

• Gunakan sumbu sibling berdasarkan arah : Terapkan preceding-sibling::tag atau following-sibling::tag untuk bergerak relatif terhadap elemen yang diketahui. Ini efektif ketika elemen dikelompokkan tetapi tidak memiliki atribut unik.
• Gabungkan dengan kondisi dan indeks : Gunakan predikat seperti [1], [last()], atau filter atribut untuk menyempitkan hasil. Misalnya, //div/following-sibling::p[1] memilih paragraf pertama setelah div.
• Kelola halaman yang dilindungi manajemen keamanan : Ketika mengekstrak data berbasis sibling dari situs web yang dilindungi, otomasi mungkin memicu tantangan CAPTCHA. Solusi seperti CapSolver dapat membantu menyelesaikan gangguan CAPTCHA, memastikan alur kerja ekstraksi berbasis XPath berjalan secara andal tanpa intervensi manual.

Praktik Terbaik / Tips

• Pilih ekspresi XPath relatif daripada jalur absolut untuk ketahanan yang lebih baik terhadap perubahan DOM.
• Gunakan pemilih wildcard (*) ketika jenis elemen bervariasi tetapi strukturnya tetap konsisten.
• Gabungkan sumbu sibling dengan navigasi orang tua atau nenek moyang untuk tata letak yang kompleks.
• Uji ekspresi XPath di alat pengembang browser atau kerangka kerja otomasi sebelum memperluas tugas ekstraksi.

👉 Terkait:

• Cara Mengekstrak Data Terstruktur
• Selesaikan CAPTCHA Saat Web Scraping 2026

Gunakan kode FAQ saat mendaftar di CapSolver untuk mendapatkan tambahan 5% bonus pada recharge Anda.

FAQ CapSolver — capsolver.com