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");
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á 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> ]}.