Cara Menggarisbawahi Masing-Masing Kata Dengan JQuery

Apabila kita ingin menggaris bawahi masing-masing kata dengan cara manual, maka kita harus menyeleksi satu per satu kata yang ingin digarisbawahi. Apalagi kalau yang ingin kita garis bawahi berjumlah banyak. Pasti capek tuh kan? :cd

Ada cara yang lebih mudah lho, yaitu dengan menggunakan JQuery ini.

$('p').each(function() {
var words = $(this).text().split(' ');
$(this).empty().html(function(){
for(i = 0; i < words.length; i++){
if(i == 0){
$(this).append('<span class="garis-bawah">' + words[i] + '</span>');
} else {
$(this).append(' <span class="garis-bawah">' + words[i] + '</span>');
}
}
});
});

Demo (Coba Sendiri)