Wie man die Großeltern der Großeltern von einem div in html mit jQuery

Gibt es einen besseren Weg, um die Eltern der Eltern der Eltern... wie 5 mal?

Anstatt also mit diesem:

$(this).parent().parent().parent().parent().parent()

Ich könnte so etwas wie dieses:

$(this).goBacktoNthParent(5);

Ist es möglich?

  • Können Sie bitte veröffentlichen Sie Ihre HTML-Struktur.
InformationsquelleAutor Alon | 2012-02-05
  1. 11

    Mit der :eq() selector

    Den :eq() Selektor ermöglicht es Ihnen, um das Ziel-element bei der null-basierte index des Satzes, die gefunden wurde...

    $(this).parents(':eq(4)')

    Hinweis: verwenden Sie den parent(s) selector

    Weil der Selektor ist null-basiert, es gab nur eine weniger als die Anzahl gezielter.

    DEMO: http://jsfiddle.net/pmMFv/

    Mit der .eq() Methode

    Den .eq() Methode ist praktisch identisch mit dem Selektor-Pendant, so dass Sie, um das Ziel-element bei der null-basierte index des Satzes, die gefunden wurde...

    $(this).parents().eq(4)

    Hinweis: verwenden Sie den parent(s) selector

    DEMO: http://jsfiddle.net/pmMFv/2/

    Mit parentNode in einer Schleife

    Für die größte Leistung, konnten wir das .parentNode Eigenschaft des Elements, und führen Sie es in einer Schleife, die Aktualisierung einer Variablen mit den neuesten Elternteil jedes mal...

    var el = this, i = 5;
while(i-- && (el = el.parentNode));

$(el)

    DEMO: http://jsfiddle.net/pmMFv/1/

    InformationsquelleAutor
  2. 4

    Können Sie einfach erstellen Sie Ihre eigene Funktion:

    function getNthParentOf(elem,i) {
    while(i>0) {
        elem = elem.parent();
        i--;
    }
    return elem;
}

var something = getNthParentOf($(this),5);
    InformationsquelleAutor Niet the Dark Absol
  3. 3

    Können Sie die .Eltern durchqueren Funktion in Verbindung mit der :nth() selector.

    So das Ergebnis wird etwas sein wie: 

    $(this).parents(':nth(5)'));

    Hinweis: die :nth() index von 0 startet, so dass für Ihren Fall es sein sollte:

    $(this).parents(':nth(4)'));
    • Scheint seltsam, dass das funktioniert, da die API-docs haben keine Erwähnung von einem :nth - Selektor, nur :nth-child. Aber ich habe das getestet, und es funktioniert in der Tat.
    InformationsquelleAutor Maxim Manco
  4. 2

    Wenn es der Identifizierung von Markern, die auf das übergeordnete element, das Sie möchten, zu bekommen - wie ein id oder class können Sie $(this).closest("#grandparentElement")

    InformationsquelleAutor Rory McCrossan
  5. 1

    Hoffnung, dies würde helfen.

    versuchen mit .parentsUntil()

    Beispiel: http://jsfiddle.net/ylokesh/wLhcA/

    • dies ist die hilfreiche Antwort. danke!
    InformationsquelleAutor Lokesh Yadav
  6. 0

    Naja versuchen kann man

    var parentControl = $('#yourcontrol').parent();
var grandParent = parentControl.parent();
    InformationsquelleAutor Ananda Sudarshan
Schreibe einen Kommentar