Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/08/2016, 11:03
jmg1189
 
Fecha de Ingreso: septiembre-2015
Mensajes: 58
Antigüedad: 8 años, 7 meses
Puntos: 2
buscador que resalta texto

Buenos días a todos

quisiera un poco de ayuda con éste tema. quiero crear un buscador como el que se genera en el navegador al oprimir ctrl + F, es decir que mientras yo dígito, éste me busque el texto en un div determinado y le modifique el css.

Tengo lo siguiente:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.         $("#producto").keyup(function(){
  3.                  var producto = $("#producto").val();
  4.                  $("div:contains('"+producto+"')").css({"font-weight": 'bold', "color": 'red', "text-decoration": "underline" });
  5.              });
  6. });

Pero al hacer ésto, me resalta todo el texto en todos los divs que tengo, y no puedo hacer el contains en un div especifico, por devir hacer:

Código Javascript:
Ver original
  1. $("#div_contenedor:contains('"+producto+"')")css();

y de igual forma que me resalte solo el texto que digité, no que me resalte todo el texto. Podrían por favor ayudarme o indicarme como puedo investigar para implementarlo?