Лучший способ получить селектор xpath и css определенного элемента

Question

В поисках лучшего способа получить селектор xpath и css для конкретного элемента, используя jQuery или Extjs. В основном, чтобы выбрать случайный элемент и пройти по DOM и получить его уникальный селектор CSS или Xpath. Есть ли функция, которая может сделать это уже, или у кого-нибудь есть пользовательская функция, которая может сделать это?

Answer 1

Почему бы просто не проверить значение "id", а если оно есть, просто использовать его. Если его нет, сгенерируйте уникальное случайное значение «id», передайте его элементу, а затем используйте его.

edit: вот подтверждение концепции jQuery для создания селектора для любого элемента, на который вы нажали.

$('*').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

Существует бесконечное количество селекторов для любого данного элемента. Для чего тебе это? Вы можете использовать плагин Firefox, например XPather ?