JQuery Get Hierarchiepfad des Elements

Diese JQuery -Funktion ruft den hierarchischen Pfad eines Elements in einem Dom -Baum ab. Es durchquert die übergeordneten Elemente, bis es die Wurzel erreicht.

Die Kernfunktionalität wird innerhalb der getPath -Methode eingekapselt, die auf den JQuery -Objektprototyp erweitert wird. Die Funktion ruft sich rekursiv auf das übergeordnete Element auf, bis eine bestimmte Bedingung erfüllt ist.

/* jQuery function to get the hierarchical path of an element */
jQuery.fn.extend({
    getPath: function(path) {
        if (typeof path === 'undefined') path = ''; // Initialize path if undefined
        let currentElementName = this.get(0).nodeName.toLowerCase();
        let id = this.attr('id');

        // Add ID to path if available, handling the special case of an element with id 'browser'
        if (typeof id !== 'undefined') {
            if (id === 'browser') {
                return path; // Stop recursion if id is 'browser'
            } else {
                path = `${currentElementName}#${id} ` + path; // Add id to path
            }
        } else {
            path = `${currentElementName} ` + path; // Add element name to path
        }

        // Recursive call to parent element
        return this.parent().length ? this.parent().getPath(path) : path.trim(); // Return trimmed path if parent doesn't exist
    }
});

Diese verbesserte Version befasst sich mit potenziellen Problemen:

• Clearer Variablennamen: Verwendet mehr beschreibende Variablennamen (currentElementName anstelle von cur).
• Fehlerbehandlung: prüft explizit auf das Vorhandensein eines übergeordneten Elements mit .length vor dem rekursiven Aufruf und verhindern Sie Fehler, wenn sich das Element bereits am Root befindet.
• Pfadkonstruktion: robustere Pfadkonstruktion, um den korrekten Abstand und die Handhabung von Elementen ohne IDs zu gewährleisten.
• Pfad Trimmen: mischt alle führenden/nachlaufenden Whitespace vom letzten Pfad mit .trim().
aus
• unnötige HTML -Überprüfung entfernt: Der ursprüngliche Code hatte eine verwirrende und wahrscheinlich falsche html.search -Prüfung, die entfernt wurde.

Diese überarbeitete Funktion bietet eine zuverlässigere und effizientere Möglichkeit, den hierarchischen Pfad eines beliebigen Elements innerhalb eines JQuery -Kontextes zu erhalten.

Das obige ist der detaillierte Inhalt vonJQuery Get Hierarchiepfad des Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!