Método parent() de Navegación de jQuery
Ejemplo
Buscar cada elemento padre con la clase "selected" de cada párrafo:
$("p").parent(".selected")
Definición y uso
El método parent() obtiene el elemento padre de cada elemento en la colección de elementos coincidentes, y la filtración con selector es opcional.
.parent(selector)
| Parámetro | Descripción |
|---|---|
| selector | Valor de cadena que contiene la expresión de selector utilizada para coincidir con los elementos. |
Descripción detallada
Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .parent() permite buscar los elementos padre de estos elementos en el árbol DOM y construir un nuevo objeto jQuery con los elementos coincidentes..parents() Al igual que el método .parent(), la diferencia es que este último recorre un solo nivel del árbol DOM.
Este método acepta una expresión de selector opcional, del mismo tipo de parámetro que se pasa a la función $(). Si se aplica este selector, se filtrarán los elementos mediante la verificación de si coinciden con el selector.
Piensa en esta página con una lista anidada básica:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Si comenzamos con el proyecto A, podemos encontrar su elemento padre:
$('li.item-a').parent().css('background-color', 'red');
El resultado de esta llamada es establecer un fondo rojo para la lista de nivel-2. Dado que no se ha aplicado una expresión de selector, el elemento padre se convierte naturalmente en parte del objeto. Si se aplica un selector, se verificará si el elemento coincide con el selector antes de incluir el elemento.
