獲取特定元素的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插件？