Cari/Mengganti Teks Tanpa Merusak Elemen DOM

Tabel Konten
  1. Plugin 
  2. Penggunaan 

Plugin 

jQuery.fn.textWalk = function(fn) {
    this.contents().each(jwalk);
    function jwalk() {
        var nn = this.nodeName.toLowerCase();
        if(nn === '#text') {
            fn.call(this);
        } else if(this.nodeType === 1 && this.childNodes && this.childNodes[0] && nn !== 'script' && nn !== 'textarea') {
            $(this).contents().each(jwalk);
        }
    }
    return this;
};

Penggunaan 

Temukan semua teks bertuliskan "John" pada elemen dengan id="test", kemudian ganti semuanya dengan "Peter":

$('#test').textWalk(function() {
    this.data = this.data.replace('John', 'Peter');
});

#text (???)

Lihat Demo


Sumber: Wowmotty - jQuery find/replace text without destroying DOM elements