Buscar texto en nuestra web con javascript ( jQuery )
Lunes 29 de Septiembre del 2008 - Miscelánea
Johan Burkard comparte con nosotros esta función/tip en jQuery para resaltar partes de nuestra página conforme a una búsqueda de texto dada.
JAVASCRIPT:
-
$.fn.egrep = function(pat) {
-
var out = [];
-
var textNodes = function(n) {
-
if (n.nodeType == Node.TEXT_NODE) {
-
var t = typeof pat == 'string' ?
-
n.nodeValue.indexOf(pat) != -1 :
-
pat.test(n.nodeValue);
-
if (t) {
-
out.push(n.parentNode);
-
}
-
}
-
else {
-
$.each(n.childNodes, function(a, b) {
-
textNodes(b);
-
});
-
}
-
};
-
this.each(function() {
-
textNodes(this);
-
});
-
return out;
-
};
Un ejemplo:
Pulsa aqui para resaltar todos los nodos que contengan la palabra buscar.
- Google sirve para buscar.
- Esta frase no contiene la palabra del ejemplo
- También puede BuScAr sin ser sensible a mayúsculas/minúsculas
- Otra frase de relleno.
- Ya no sé qué más buscar
Términos relacionados: text node, pat test, google, childnodes, egrep, typeof, indexof, fn, johan, ya
