Método andSelf() de Navegación de jQuery
Ejemplo
Encuentra todos los div, y todos los párrafos dentro de ellos, y les agrega dos nombres de clase. Nota: debido a que no se utiliza .andSelf(), el div no tiene un fondo amarillo.
$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");
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");
Primero, el selector inicial ubicará el elemento 3, y la pila inicial contendrá solo la colección de ese elemento. Al llamar a .nextAll(), se agregará la colección de los elementos 4 y 5 a la pila. Finalmente, al llamar a .andSelf(), se fusionarán estas dos colecciones, y el objeto jQuery creado apuntará a todos los tres elementos en el orden del documento: {[<li.third-item>,<li>,<li> ]}.
