如何使用 javascript 或 jquery 生成 CSS 路径？

关于如何生成元素的 CSS 路径有什么建议吗？

CSS 路径是识别特定元素所需的 css 选择器的路径，例如，如果我的 html 是：

<div id="foo">
 <div class="bar">
  <ul>
   <li>1</li>
   <li>2</li>
   <li><span class="selected">3</span></li>
  </ul>
 </div>
</div>

那么，“3”的类路径将是div#foo div.bar ul li span.selected

JQuery 使用类路径来识别 DOM 元素，可能会提供一个很好的解决方案，但到目前为止我还找不到一个。

我不明白为什么这个问题被否决了，这是一个很好且合理的问题

这是一个（过于简单的）示例，说明如何做到这一点

<div id="a">
    <div class="b">
        <div><span></span></div>
    </div>
</div>


<script>
function getPath(elem) {
    if(elem.id)
        return "#" + elem.id;
    if(elem.tagName == "BODY")
        return '';
    var path = getPath(elem.parentNode);
    if(elem.className)
        return path + " " + elem.tagName + "." + elem.className;
    return path + " " + elem.tagName;
}

window.onload = function() {
    alert(getPath(document.getElementsByTagName("SPAN")[0]));
}
</script>