如何找到最短的 Selector

Question

如何获得任何被点击元素的最短选择器？
我想稍后使用此选择器来恢复相同（或几乎相同）的结果。

有没有现成的方法？

我的想法是优先搜索：

1. 一次性 ID
2. 带计数器的多用 ID
3. 单用名称
4. 带计数器的多用名称
5. 一次性类名
6. 带计数器的多用类名
7. 到 1.-6 的最短父路径。

不知道如何构建最短路径以实现最大可靠性和最大灵活性（例如新的父标签或代码中的移动）。

Answer 1

我建议如下：

当一个元素被点击时

1. 查看是否有 ID，如果有，则选择器为 #<id>
2. 如果它没有ID，则生成一个随机标识符并将其分配为元素的ID，您的选择器为#<generated-id>

即类似：

var selector = '';

$('element').click(function() {
    var self = $(this);
    if(!self.is('[id]')) {
        var id = 'ljhlihj'; // replace with code to generate random ID
        self.attr('id', id);
    }
    selector = '#' + self.attr('id');
}