用 jQuery 返回 XPath 位置？需要一些关于函数的反馈

Question

对于以下项目，我将使用 PHP 和 jQuery。

我有以下代码：

$('*').onclick(function(){

});

一旦用户点击一个元素，我希望它返回该元素的 XPath 位置。

我想要做的基本上是在 jQuery 的帮助下建立一个过滤系统。

PHP 将使用 PHP 从外部来源检索文档，使用 jQuery 用户单击该文档的元素/相关部分。此 jQuery 函数将返回用户单击位置的 XPath 位置，并将其存储并与该文档相关联。

如果将来更新该文档，使用 XPath，PHP 将只检索用户之前选择的 XPath，而不是整个文档。

我还需要这个 jQuery 函数来返回元素属性，例如 <p> 中的标题或锚链接中的 href 位置。

长话短说：我的问题是，这在 jQuery 中是否可行？返回所选元素的 XPath 位置及其属性？我不知道这在 jQuery 中会是什么样子，因此我们将不胜感激。

任何其他额外的反馈也会很棒。据我所知，我可能使用了错误的工具......或其他东西。谢谢。

Answer 1

对 Gaby aka G. Petrioli

的修复

为孩子添加了“nd”

.children(nd)

满：

$(document).delegate('*','click',function(){
        var path = $(this).parents().andSelf();
        var xpath=''; // firebug xpath starts with '/html'
        for (var i = 0; i < path.length; i++) {
            var nd = path[i].nodeName.toLowerCase();
            if (nd =="tbody") continue;  // php DOMxpath ignores tbody? or browser fixes html?
            xpath += '/';
            if (nd != 'html' && nd != 'body')
            {xpath += nd+'['+ ($(path[i-1]).children(nd).index(path[i])+1) +']';} //! saving time ha?
            else
            {xpath += nd;}                    
        }
        alert(xpath);
        return false;
    });

Answer 2

您可以使用.parents() 方法，获取被点击元素的所有祖先。

$(document).delegate('*','click',function(){
  var path = $(this).parents().andSelf();
  return false;
});

然后提取你想要的信息。

使用.delegate 方法处理事件，因此您不需要将其附加到所有元素。并且还使用.andSelf() 方法将被点击的项目也包含在路径中。

---

一个更完整的例子

$(document).delegate('*','click',function(){
    var path = $(this).parents().andSelf();
    var xpath='/';
    for (var i = 0; i < path.length; i++)
    {
        var nd = path[i].nodeName.toLowerCase();
        xpath += '/';
        if (nd != 'html' && nd != 'body')
        {xpath += nd+'['+ ($(path[i-1]).children().index(path[i])+1) +']';}
        else
        {xpath += nd;}                    
    }
    alert(xpath);
    return false;
});

在http://www.jsfiddle.net/gaby/hsv97/1/播放的测试html示例

---

更新 id 和 class 也显示：http://www.jsfiddle.net/gaby/hsv97/2/