Remove Tag Jika Pada Tag Tertentu Tidak ada Nilai

Beberapa jam yang lalu saya coba merakit html dengan jQuery dan menemukan sebuah masalah kecil namun dampaknya agak besar. Ini mungkin tidak akan terselesaikan jika saya tidak meminta bantuan di forum favorit saya.

Seperti ini kronologisnya:

Kode yang saya miliki:
<div id='induk'>
<b>Umur:</b> <span id='tes'></span>
</div>
Seperti yang Anda lihat diatas, terdapat kode SPAN yang dibungkus oleh tag DIV. Saya ingin menghapus kode span jika didalamnya tidak ada nilai atau teks satupun.

jQuery yang saya gunakan:
<script>
if($("#tes").html()==""){
$("#induk").remove();
}
</script>
Untuk trik diatas sudah work alias berhasil. Kemudian saya memiliki ide untuk memperkaya tag SPAN dengan menambah ID container yang membungkus DIV induk, seperti ini:
<div id='container'>
<div id='induk'>
<b>Umur:</b> <span id='tes'></span>
</div>
</div>
Menggunakan jQuery yang sama persis. namun ternyata itu gagal.

Setelah mendapat saran dari teman di forum, akhirnya saya mengetahui apa penyebabnya dan bagaimana solusinya. Berikut penjelasannya:
Meskipun tag SPAN telah disingkirkan, ternyata masih ada ruang putih yang tersisa di dalam tag DIV tersebut. Sehingga html() tidak benar-benar kosong dan perlu menambahkan $.trim() untuk menghapus spasi putih kiri.

Berikut kode lengkap untuk membuatnya menjadi working:
HTML
<div id='container'>

<div id='induk'>
<b>Umur:</b> <span id='tes'></span>
</div>

</div>
jQuery
/*******
** Get more script: http://www.kangsigit.com **
   *************************************************
*****/

if($("#tes").html()==""){
$("#induk").remove();
}
if($.trim($("#container").html())==""){
$("#container").append("TIDAK ADA DATA");
}

Pastikan Anda sudah menyimpan salah satu jQuery ini:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini