Mecha versi 2.6.3 sudah dirilis!

JQuery Highlight Text Plugin

Tabel Konten
  1. Penggunaan 
jQuery.fn.highlight = function(str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function() {
        $(this).contents().filter(function() {
            return this.nodeType == 3 && regex.test(this.nodeValue);
        }).replaceWith(function() {
            return (this.nodeValue || "").replace(regex, function(match) {
                return "<span class=\"" + className + "\">" + match + "</span>";
            });
        });
    });
};

Penggunaan 

Seleksi sebuah elemen kemudian terapkan fungsi .highlight("teks", "nama-kelas"):

$('p').highlight("lorem ipsum", "yellow");

Lihat Demo


Sumber: A Web Coding Blog - Highlight Words in Text with jQuery

6 Komentar

Unknown

bang kalau mau kata - kata yang di highligh lebih dari satu gimana..?

Beben Koben

ini bagus sih, tapi kalah full stylish \o/
sama iniii
http://jsfiddle.net/codepo8/dgpzM/

kabuuurrr....

Anonim

Karena postingan ini akhirnya bisa juga diintegrasikan sama pencarian

Komentar telah ditutup.