4 - Selección de elementos por el tipo de elementos.


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>
  <ul>
    <li>Opción número 1</li>
    <li>Opción número 2</li>
    <li>Opción número 3</li>
    <li>Opción número 4</li>
  </ul>

  <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 = $("li");
  x.click(presionItem);
}

function presionItem() {
  let x = $(this);
  x.hide();
}

Mostrar una lista no ordenada con 4 elementos 'li'. Ocultar el que se presiona. Para ocultar un elemento jQuery tiene un método llamado hide().


Ver solución

pagina1.html





funciones.js



Retornar