一个jquery脚本，用于查找单击元素的xpath位置

Question

有没有办法在下面更改jquery代码来查找html代码的xpath位置。或者是否有唯一的jquery代码，无论html是什么（html正在改变）请访问：http://jsbin.com/uhude3/19/edit因为我在那里写代码。我需要的是 - 我点击元素向我显示div，span，p，@ href ......等的xpath位置。

jQuery(function($) {

  $(".rightArrow").click(function() {
      var rightArrowParents = [];
      $(this).parents().not('html').each(function() {
          var entry = this.tagName.toLowerCase();
          if (this.className) {
              entry += "." + this.className.replace(/ /g, '.');
          }
          rightArrowParents.push(entry);
      });
      rightArrowParents.reverse();
      alert(rightArrowParents.join(" "));
  });

});

以及如何使用以下内容更改此代码：

function getXPath( element )
{
    var xpath = '';
    for ( ; element && element.nodeType == 1; element = element.parentNode )
    {
        var id = $(element.parentNode).children(element.tagName).index(element) + 1;
        id > 1 ? (id = '[' + id + ']') : (id = '');
        xpath = '/' + element.tagName.toLowerCase() + id + xpath;
    }
    return xpath;
}

当我点击时，我得到一个xpath。如何结合这两个代码??? http://jsbin.com/uhude3/19/edit

Answer 1

以下是XSLT解决方案：Generate/get xpath from XML node java

您可以根据自己的需要进行调整。