[SOLUCIONADO] Resaltar texto en pagina

[hernan2212]

Hola, estoy usando un script para ir a un sitio dentro de una pagina.
Este es el script

Código Javascript:

<script>
$(function(){
 
     $('a[href*=#]').click(function() {
 
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
         && location.hostname == this.hostname) {
 
             var $target = $(this.hash);
 
             $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
 
             if ($target.length) {
 
                 var targetOffset = $target.offset().top;
 
                 $('html,body').animate({scrollTop: targetOffset}, 1000);
 
                 return false;
 
            }
 
       }
 
   });
 
});
</script>
 

<a href="#ancla">Ancla</a>


<div id="ancla">
... contenido
</div>

lo que me gustaría es lograr que no solo me lleve, sino también que resalte de alguna manera el contenido del div.

Cualquier ayuda es bienvenida.

Saludos y muchas gracias!!

[Alexis88]

Con darle un color de fondo al elemento contenedor, será suficiente. Otra opción es que, si se trata de un elemento de bloque, tomes su texto, lo insertes en una etiqueta, le asignes un color de fondo y la añadas al contenedor; como las etiquetas son elementos de línea, solo se resaltará el texto y no todo el fondo del contenedor.

Código Javascript:

$target.html($("<label>" + $target.text() + "</label>").css("background-color", "yellow"));
 

Saludos

[hernan2212]

Hola Alexis, muchísimas gracias por la ayuda, funciono perfectamente.

[GeekGirl]

Acordate de marcar el tema como solucionado!

Saludos