获取特定元素的xpath和CSS选择器的最佳方法

Question

寻找使用jQuery或Extjs来获取特定元素的xpath和CSS选择器的最佳方法。 要基本上选择一个随机元素并遍历dom并返回，它是唯一的CSS选择器或xpath。 是否有已经可以执行此操作的功能，或者有人有可以执行此操作的自定义功能吗？

Answer 1

为什么不只检查一个“ id”值，如果有，就使用它。 如果没有，则生成一个唯一的随机“ id”值，将其提供给元素，然后使用该值。

编辑：这是一个概念验证jQuery hack，可为您单击的任何元素建立选择器。

$('*').unbind('click.m5').bind('click.m5', function(ev) {
  if (this != ev.target) return;

  var cn = function(elem) {
    var n = $(elem).parent().children().index(elem);
    return elem.tagName + ':nth-child(' + n + ')';
  };
  var selector = cn(this);
  $(this).parents().each(function() {
    if (/BODY|HTML/.test(this.tagName))
      selector = this.tagName + '>' + selector;
    else
      selector = cn(this) + '>' + selector;
  });
  console.log("Selector: " + selector);
  $(selector).css('background-color', 'red');
});

Answer 2

对于任何给定的元素，选择器的数量是无限的。 您需要什么？ 您也许可以使用XPather之类的Firefox插件？