javascript - setcontent - Cómo encontrar el primer elemento primario en jquery

jquery html append

Question

Considera abajo html -

<div class="container1">
   <div class="container2">
      <div class="container3">
         <div class="container4">
             <div class="element">
             ...
         </div>
      </div>
   </div>
</div>

si quiero obtener el elemento <div class="element"> y tengo una referencia al container1 . En jquery lo que hago es,

$(".container1").find(".element")

en lugar de -

$(".container1").children().children().children().find(".element")

Este es el proceso para encontrar cualquier elemento hijo cuando hago referencia a cualquiera de los elementos principales. Pero, en cambio, cuando hago referencia a un elemento secundario y quiero obtener el elemento padre, cada vez que tengo que subir un nivel,

$(".element").parent().parent().parent().parent()

y no puedo hacer así -

$(".element").findParent()

No he encontrado ningún método como findParent () en jquery. ¿Hay algo de lo que no estoy enterado? ¿O no está allí por alguna razón?

Answer 1

Solo usa

$(".element").closest(''#container1'');

si no se encuentra un antepasado con esa id entonces

$(".element").closest(''#container1'').length será 0

Answer 2

$(".element").parents();

le dará a todos los padres de .element (incluyendo html y body )

MANIFESTACIÓN

Para encontrar un elemento primario específico, supongamos container1 luego

$(''.element'').parents(''.container1'')

MANIFESTACIÓN

jQuery .parents() generalmente encuentra todos los padres, pero si .parents() un selector, buscará eso.

Answer 3

Para obtener personalmente al primer padre, uso la siguiente construcción:

var count_parents = $(".element").parents().length;
$(".element").parents().eq(count_parents - 1);

Espero, será útil para alguien.