Hat jQuery eine Entsprechung zu Element.identify von Prototype?

Question

Gibt es eine eingebaute Methode oder defacto Standard-Plugin, mit dem Sie automatisch eine eindeutige ID zu einem Element in jQuery zuweisen können, oder müssen Sie so etwas selbst implementieren? Ich bin auf der Suche nach der jQuery entspricht Prototype's identify method

Hier ist ein Beispiel. Ich habe einige HTML-Struktur auf einer Seite, die

<span id="prefix_1">foo bar</span> 
... 
<div id="foo"> 
    <span></span> 
    <span></span> 
    <span></span> 
</div> 

ich jede der Spannweiten eine ID zuweisen möchten, wie diese aussieht, die auf der Seite eindeutig sein wird. Also nach so etwas wie dieser Aufruf

$('#foo span').identify('prefix'); //fake code, no such method 

Der gerenderte DOM würde wie folgt aussehen

<span id="prefix_1">foo bar</span> 
... 
<div id="foo"> 
    <span id="prefix_2"></span> 
    <span id="prefix_3"></span> 
    <span id="prefix_4"></span> 
</div> 

Gibt es etwas offizielle ish/robust für jQuery, oder ist dies etwas, die meisten jQuery-Entwickler auf ihrem eigenen Rolle ?

Answer 1

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if(this.id) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while($('#' + id).length > 0);    
     $(this).attr('id', id);    
    }); 
}; 

$('span').identify('test'); 

diese Getestet auf:

<span id='test_2'></span> 
<span>test1</span> 
<span>test2</span> 
<span>test3</span> 

wandte es sich an:

<span id="test_2"></span> 
<span id="test_1">test1</span> 
<span id="test_3">test2</span> 
<span id="test_4">test3</span> 

Answer 2

Nicht, dass ich weiß, aber Sie könnten dies selbst tun, indem Sie das id Attribut hinzufügen und eine GUID bereitstellen.

das Attribut hinzu:

$(foo).attr("id", createGuid()); 

Für die createGuid() Implementierung see this question.

Beachten Sie, dass dies leicht in ein jQuery plug-in drehen könnten, so dass diese Funktion (Sie es sogar nennen könnten identify()) ist auf jeden $- Ausdruck zur Verfügung.

Answer 3

Vielleicht versuchen

$("#foo span").each(function(){ 
    $(this).attr("id", "prefix_" + $(this).parent().index($(this))); 
}); 

Answer 4

Basierend auf Paolos Lösung:

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if($(this).attr('id')) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while($('#' + id).length > 0);    
     $(this).attr('id', id);    
    }); 
}; 

$('span').identify('test'); 

Eine kleine Änderung, die verhindert, dass bereits verwendete IDs erneut gezählt werden.

Answer 5

würde ich die gegebene Funktion leicht ändern und machen es:

jQuery.fn.identify = function(prefix) { 
    var i = 0; 
    return this.each(function() { 
     if($(this).attr('id')) return; 
     do { 
      i++; 
      var id = prefix + '_' + i; 
     } while(document.getElementById(id) != null);    
     $(this).attr('id', id);    
    }); 
}; 

ID Sonderzeichen enthalten könnte, die, um zu entkommen würde erfordern, richtig mit jQuery CSS-Selektor-Engine zu arbeiten - wie „“. Anstatt sie zu finden und ihnen zu entkommen, ist es einfacher und schneller, sie durch die Dokumentenmethode zu ersetzen.