Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


jQuery $(this): Selector para acceder a elementos hijo de un elemento

Vamos a repasar el selector de jQuery $(this), este selector nos permite posicionarnos en un determinado elemento e interacturar con los elementos hijo.

En el siguiente post podéis ver los diferentes selectores que hay en jQuery. Otros post que os pueden interesar son:

Ejemplos de jQuery $(this)

Vamos con este ejemplo para acceder a los nodo hijo de una lista en el que ocultaremos los elementos hijo impares.

Os explico el código superior:

  • Con hover() detectamos que el ratón se posiciona sobre el elemento con id = listado1, en este caso es una lista.
  • Después con $(“li:even”, this) accedemos a los elementos hijo impares de la lista y con hide() los ocultamos.

En el ejemplo he puesto 2 listas para ver que solo interactuamos con los elementos hijo de una de ellas, su código HTML es el siguiente:

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies