如何用js取到元素的选择器字符串 ？

Question

比如

<div>

<ul>

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

</ul>

</div>

点击li 用js获取该元素的选择器字符串 “div>ul>li.a” 类似于这样

如何实现？ 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(' > ');

    }