24 - Iteración por los elementos (each)


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<!DOCTYPE html>
<html>

<head>
  <title>Ejemplo de jQuery</title>
  <meta charset="UTF-8">
</head>

<body>
  <a href="http://www.google.com.ar">Google.com.ar</a><br>
  <a href="http://www.google.com">Google.com</a><br>
  <a href="http://www.lanacion.com.ar">lanacion.com.ar</a><br>
  <a href="http://www.lanacion.com">lanacion.com</a>

  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="funciones.js"></script>
</body>

</html>
let x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  let x=$("a");
  x.each(resaltarParrafos);
}

function resaltarParrafos()
{
  let x=$(this);
  let url=x.attr("href");
  url=url.toLowerCase();
  if (url.indexOf(".ar")!=-1)
  {
    x.css("background-color","#ff0");
  }
}

Una página tiene una lista de hipervínculos. Resaltar todos los subdominios .ar
Utilizar el método indexOf de la clase String para verificar si una cadena se encuentra en otra.


Ver solución

pagina1.html





funciones.js



Retornar