JQuery获取元素的唯一选择器

最新推荐文章于 2022-02-16 08:42:08 发布

深巷里的黑猫

最新推荐文章于 2022-02-16 08:42:08 发布

阅读量540

点赞数 1

分类专栏：工作记录文章标签： Jquery selector

本文链接：https://blog.csdn.net/qq_22241923/article/details/102658518

版权

工作记录专栏收录该内容

5 篇文章 0 订阅

订阅专栏

项目中需要单击某个元素之后，获取当前元素的唯一选择器，使用下面的方法来获取。

添加Jquery原型

/**
* 添加查询路径方法到jquery原型链
*/
jQuery.fn.extend({
    getPath: function () {
        var path, node = this;
        while (node.length) {
            var realNode = node[0], name = realNode.localName;
            if (!name) break;
            name = name.toLowerCase();
            var parent = node.parent();
            var sameTagSiblings = parent.children(name);
            if (sameTagSiblings.length > 1) { 
                let allSiblings = parent.children();
                var index = allSiblings.index(realNode) + 1;
                if (index > 0) {
                    name += ':nth-child(' + index + ')';
                }
            }
            path = name + (path ? '>' + path : '');
            node = parent;
        }
        return path;
    }
});