ユニークなセレクタjQueryを取得する

Question

ページ上の各要素に対してunqiueセレクタを取得する必要があります。 DBにsel値を格納した後、私はその値を得ることができますし、単に

によって要素にアクセスし、そう

$(document).click(function(){ 
    var sel = getUniqueSel(this); 
}); 

：私はこのような何かをしたい要素をクリックたとえば

、

var el = $(sel);

私は変更することはできませんし、ページのHTML構造については何も知らないし、これは非効率的であるように、私は単純にすべての要素にユニークなIDの（使用してJS）を追加することはできません。

Answer 1

別のアプローチは、DOMツリーをさまよい、あなたが保存して、再びセレクタとして後でそれを使用することができます要素へのパスを作成することかもしれないが、トンであるが、これは役立つはずだと思います帽子は防弾ではないかもしれませんが、あなたが始めることができるかもしれません。

編集：利用可能

ちょうどJSBin上の例を訪問し、二回documentをクリックすると、今ではIDを返し、コメントでのご提案と回答を更新しました。 しかし

jQuery.fn.getPath = function() { 
    if (this.length != 1) throw 'Requires one element.'; 
    var path, node = this; 
    if (node[0].id) return "#" + node[0].id; 
    while (node.length) { 
     var realNode = node[0], 
      name = realNode.localName; 
     if (!name) break; 
     name = name.toLowerCase(); 
     var parent = node.parent(); 
     var siblings = parent.children(name); 
     if (siblings.length > 1) { 
      name += ':eq(' + siblings.index(realNode) + ')'; 
     } 
     path = name + (path ? '>' + path : ''); 
     node = parent; 
    } 
    return path; 
}; 
var sel; 
$(document) 
    .click(function (e, a) { 
    if (!sel) { 
     sel = $("#comment-21702402") 
      .getPath(); 
     alert("Path is: " + sel + ", hiding the Element -> Click again to highlight"); 
    } else { 
     $(sel) 
      .css("background-color", "yellow"); 
    } 
}); 

Answer 2

これを行う1つの方法は、クリックされた要素で得ることができるすべての情報を取得することです。あなたがクリックした要素である場合 ：<div> I'm a div </div>

$(document).click(function(){ 
    var tagName = $(this).prev().prop('tagName'); 
    var attributes = {}; 
    if(this.length) { 
     $.each(this[0].attributes, function(index, attr) { 
      attributes[ attr.name ] = attr.value; 
     }); 
    } 
    var elText=$(this).html(); 
    saveToDB(tagName,attributes,elText); 
}); 

あなたが後であなたが持っているか、単に使用する属性を使用して要素を見つけることができますが、それをデータベースに保存するとき だから、例えばテキストとして保存することができます

$(tagName+'['+attribute+'="'+value+'"]:contains("'+elText+'")') 

は私が