jQuery获取元素的层次结构路径

63 阅读 0 评论 42 点赞

我是靠谱客的博主害怕砖头，最近开发中收集的这篇文章主要介绍jQuery获取元素的层次结构路径，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jQuery函数通过确定元素祖先并遍历其父元素来获取元素的层次结构路径，直到到达树的根为止。

在线演示

/*jQuery function to create path function used to get the path of the node in the tree*/
jQuery.fn.extend({
    getPath: function (path) { /*The first time this function is called, path won't be defined*/
        if (typeof path == 'undefined') path = ''; /*Add the element name*/
        var cur = this.get(0).nodeName.toLowerCase();
        var id = this.attr('id'); /*Add the #id if there is one*/
        if (typeof id != 'undefined') { /*escape goat*/
            if (id == 'browser') {
                return path;
            }
        }
        var html = this.html();
        if (html.search('

' + path); } else { return this.parent().getPath(path); } } });
From: https://www.sitepoint.com/jquery-hierarchy-path-element/