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 )”