JQuery Highlight Text Plugin
Tabel Konten
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");
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..?
Taufik Nurrohman
@system of blog Diurutkan saja seperti biasa:
Demo: http://jsfiddle.net/tovic/kfqJu/1/
Unknown
@Taufik Nurrohman ok deh mantap makasih
Beben Koben
ini bagus sih, tapi kalah full stylish \o/
sama iniii
http://jsfiddle.net/codepo8/dgpzM/
kabuuurrr....
Taufik Nurrohman
@Beben Koben Apa hubungannya? Hehe... :p :p :p
Anonim
Karena postingan ini akhirnya bisa juga diintegrasikan sama pencarian