Get einzigartige Auswahl jQuery

Question

Ich muss in der Lage sein, eine eindeutige Auswahl für jedes Element auf einer Seite zu erhalten.

Zum Beispiel, wenn ich auf ein Element klicken Ich möchte etwas tun:

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

Also, nach dem sel Wert in einem DB zu speichern ich diesen Wert erhalten und einfach das Element zugreifen, indem

var el = $(sel);

ich nicht ändern kann und nichts über die HTML-Struktur der Seite wissen und ich kann einfach nicht eindeutig die ID hinzufügen (mit JS) zu jedem Element, da dies ineffizient wäre.

Answer 1

ein weiterer Ansatz der dOM-Struktur sollte helfen könnte sein, wandern und einen Pfad zu dem Element erstellen, die Sie und später als Selektor speichern kann wieder verwendet werden, obwohl t Das ist vielleicht nicht kugelsicher, aber vielleicht ist es ein Punkt, an dem man anfangen kann.

Edit: Aktualisierte die Antwort mit Ihrem Vorschlag im Kommentar, jetzt gibt es die ID, wenn verfügbar

Gerade das Beispiel auf JSBin besuchen und die document zweimal klicken. aber bemerken, was hervorgehoben wird ..

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

Eine Möglichkeit besteht darin, alle Informationen zu dem Element zu erhalten, auf das geklickt wurde. Also, wenn Sie es in der Datenbank speichern können Sie es als Text zum Beispiel sparen: Wenn das Element, das Sie angeklickt ist: <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); 
}); 

Sie können später das Element finden die Attribute verwenden Sie haben oder einfach nutzen

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

ich denke, das