如何用js取到元素的選擇器字符串 ？

比如

<div>
<ul>
   <li class="a"></li>
</ul>
</div>

點擊li 用js獲取該元素的選擇器字符串 “div>ul>li.a” 類似于這樣
如何實現(xiàn)？ jquery的selector屬性是取不到的。

一個參考方法

     function makeSelector(el) {
              var tag, index, stack = [];
            
              for (; el.parentNode; el = el.parentNode) {
                tag = el.tagName;
                if (tag != "HTML") {
                    index = $(el).prevAll().length + 1;
                    if (tag == "BODY"){
                      stack.unshift(tag);
                    }else{
                      stack.unshift(tag + ':nth-child(' + index + ')');                      
                    }
                }
              }            
              return stack.join(' > ');
    }