jQuery obtient le chemin de la hiérarchie de l'élément

Cette fonction jQuery récupère le chemin hiérarchique d'un élément dans un arbre DOM. Il traverse les éléments parents jusqu'à ce qu'il atteigne la racine.

La fonctionnalité de base est encapsulée dans la méthode getPath, qui est étendue au prototype d'objet jQuery. La fonction s'appelle récursivement sur l'élément parent jusqu'à ce qu'une condition spécifique soit remplie.

/* 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
    }
});

Cette version améliorée aborde les problèmes potentiels:

• Noms de variables plus claires: utilise des noms de variables plus descriptifs (currentElementName au lieu de cur).
• Gestion des erreurs: Vérifie explicitement l'existence d'un élément parent en utilisant .length avant l'appel récursif, empêchant les erreurs si l'élément est déjà à la racine.
• Construction du chemin: Construction de chemin plus robuste, assurant un espacement et une manipulation corrects des éléments sans ID.
• Tourneuse de chemin: Croigne tout espace blanc leader / traînant du chemin final en utilisant .trim().
• supprimé HTML Vérification inutile: Le code d'origine avait une vérification déroutante et probablement incorrecte html.search qui a été supprimée.

Cette fonction révisée fournit un moyen plus fiable et efficace d'obtenir le chemin hiérarchique de tout élément dans un contexte jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!