首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

JQuery获取元素的唯一选择器

Sonder
2021-03-21
904字
2分钟
浏览 (2.8k)

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

添加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;
   }
});

使用方法

复制代码
$(e.target).getPath()

参考 在jQuery中获取元素的唯一选择器

下一篇 / prerender-spa-plugin白屏解决方案

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)