Método andSelf() de jQuery de recorrido

Ejemplo

Encuentra todos los div, así como todos los párrafos dentro de ellos, y agrega dos nombres de clase a cada uno. Ten en cuenta que, debido a que no se utiliza .andSelf(), los div no tienen un fondo amarillo.

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

Prueba por ti mismo

Definición y uso

El método add() agrega la colección de elementos anteriores en la pila a la colección actual.

Sintaxis

.andSelf();

Explicación detallada

Piensa en esta página con una lista simple:

<ul>
   <li>elemento de lista 1</li>
   <li>elemento de lista 2</li>
   <li class="third-item">elemento de lista 3</li>
   <li>elemento de lista 4</li>
   <li>elemento de lista 5</li>
</ul>

El resultado del siguiente código es que los elementos 3, 4 y 5 tienen un fondo rojo:

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

Prueba por ti mismo

Primero, el selector inicial ubicará el elemento 3, y la pila inicial contendrá una colección que solo incluye ese proyecto. Al llamar a .nextAll(), se introducirá la colección de los elementos 4 y 5 en la pila. Finalmente, al llamar a .andSelf(), se fusionarán estas dos colecciones, y el objeto jQuery creado apuntará a todos los tres proyectos en el orden del documento: {[<li.third-item>,<li>,<li> ]}.