MarcosBL

Aprendiz de todo, maestro de nada

Buscar texto en nuestra web con javascript ( jQuery )

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;
};
[/javascript]

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

1 comentarios en “Buscar texto en nuestra web con javascript ( jQuery )

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *