Selamat Datang

Memeriksa Ketersediaan Element Dengan Jquery

Ketika kita membuat website dengan nenggunakan atau menyertakan Javascript terkadang kita butuh untuk mengetahui sebuah elemen itu ada atau tidak di halaman web kita, untuk selanjutnya kita bisa menerapkan aksi berikutnya dengan terhadap itu.

jquery-selectors

Jika kita menggunakan  Javascript murni, kita biasanya menggunakan document.getElementById.

Kira-kira penggunaanya seperti ini

if(document.getElementById('kotak')){
	// Statement disini
}

Jika menggunakan Jquery kita akan lebih dimudahkan, karena akan mempersingkat penulisan kodenya.

Tapi ya jadi agak berat karena kita harus menyertakan script Jquery nya. Jadi silahkan pilih-pilih mau menggunakan Jquery atau tidak.

Jika menggunakan Jquery maka untuk mengecek suatu elemen itu ada atau tidak seperti ini.

if($('#kotak')){
	// Statement disini
}

Namun masalah dengan kode diatas adalah responnya akan selalu dianggap TRUE, sekalipun div nya tidak ada.

Oleh karena itu sebaiknya menggunakan .length, seperti berikut ini

if($('#kotak').length){
	// Statement disini
}

Menggunakan perintah .length maka respon kembaliannya yaitu seberapa banyak div tersebut di dokumen kita.
Dengan .length maka jika hasilnya 0 maka responnya yaitu False.

Oke sekian sedikit tips kali ini.
Walla web design Indonesia.





Comments

3 thoughts on “Memeriksa Ketersediaan Element Dengan Jquery

  1. Andi says:

    bisa dijelaskan gimana seandainya kalau elemen tersebut tidak ada maka akan muncul semacam kalimat pemberitahuan dihalaman?

  2. Resa Marinda says:

    simple sih coding nya , tapi saya belum faham betul ,
    nice artikel min :)

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development