在伪代码中，这就是我想要的。
var selector = $(this).cssSelectorAsString(); // Made up method...
// selector is now something like: "html>body>ul>li>img[3]"
var element = $(selector);
原因是我需要将其传递给外部环境，其中字符串是我交换数据的唯一方式。然后这个外部环境需要发回一个结果，以及要更新的元素。所以我需要能够为页面上的每个元素序列化一个唯一的 CSS 选择器。
我注意到 jquery 有一个selector方法，但它在这种情况下似乎不起作用。仅当对象是使用选择器创建时才有效。如果对象是使用 HTML 节点对象创建的，则它不起作用。
我现在看到存在一个插件（我也想到了同名），但这里只是我写的一些快速 JavaScript。它不考虑元素的 id 或类——只考虑结构（并添加:eq(x)节点名称不明确的地方）。
jQuery.fn.getPath = function () {
if (this.length != 1) throw 'Requires one element.';
var path, node = this;
while (node.length) {
var realNode = node[0], name = realNode.name;
if (!name) break;
name = name.toLowerCase();
var parent = node.parent();
var siblings = parent.children(name);
if (siblings.length > 1) {
name += ':eq(' + siblings.index(realNode) + ')';
}
path = name + (path ? '>' + path : '');
node = parent;
}
return path;
};
（执照：麻省理工学院）
TL;DR - 这是一个比看起来更复杂的问题，您应该使用library。
这个问题乍一看似乎很容易，但它比看起来更棘手，就像用链接替换普通 URL 是非平凡的一样。一些考虑：
:eq()限制了解决方案的实用性，因为它将需要jQuery进一步证明问题并不像看起来那么简单：有 10 多个库可以生成 CSS 选择器，其中之一的作者发表了这个比较。
jQuery-GetPath是一个很好的起点：它将为您提供项目的祖先，如下所示：
var path = $('#foo').getPath();
// e.g., "html > body > div#bar > ul#abc.def.ghi > li#foo"
这是适用于 IE 的 Blixt 答案的一个版本：
jQuery.fn.getPath = function () {
if (this.length != 1) throw 'Requires one element.';
var path, node = this;
while (node.length) {
var realNode = node[0];
var name = (
// IE9 and non-IE
realNode.localName ||
// IE <= 8
realNode.tagName ||
realNode.nodeName
);
// on IE8, nodeName is '#document' at the top level, but we don't need that
if (!name || name == '#document') break;
name = name.toLowerCase();
if (realNode.id) {
// As soon as an id is found, there's no need to specify more.
return name + '#' + realNode.id + (path ? '>' + path : '');
} else if (realNode.className) {
name += '.' + realNode.className.split(/\s+/).join('.');
}
var parent = node.parent(), siblings = parent.children(name);
if (siblings.length > 1) name += ':eq(' + siblings.index(node) + ')';
path = name + (path ? '>' + path : '');
node = parent;
}
return path;
};
我也只是想分享我的版本，因为它很容易理解。我在所有常见的浏览器中测试了这个脚本，它像老板一样工作。
jQuery.fn.getPath = function () {
var current = $(this);
var path = new Array();
var realpath = "BODY";
while ($(current).prop("tagName") != "BODY") {
var index = $(current).parent().find($(current).prop("tagName")).index($(current));
var name = $(current).prop("tagName");
var selector = " " + name + ":eq(" + index + ") ";
path.push(selector);
current = $(current).parent();
}
while (path.length != 0) {
realpath += path.pop();
}
return realpath;
}