JQuery获取元素的唯一选择器
Sonder
2021-03-21
904字
2分钟
浏览 (2.7k)
项目中需要单击某个元素之后，获取当前元素的唯一选择器，使用下面的方法来获取。
添加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()