Suche nach allen Datenattributen mit der gleichen Benennung und dem gleichen Wert - jQuery

Question

Angenommen, ich habe mehrere data-foo="value" auf einer Seite und eine var ID = "12". Wie kann ich alle Instanzen dieses Datenattributs foo auf der Seite anvisieren und das ID an das Ende davon hinzufügen, so wird es data-foo="value12".

Das Ergebnis mit einer Templating-Engine wäre so etwas wie data-foo="value{ID}", aber ich benutze keine, nur pure JS oder jQuery.

Der Wert von data-foo-"value" ist auf der ganzen Seite unterschiedlich.

Answer 1

In nach Antwort des MilindAnantwar.

---

Sie können mit $('*[data-foo]') Selektor alle Elemente mit Attribut data-foo, wie diese wählen:

var ID = "12"; 

$('*[data-foo]').attr("data-foo", function(i, val) { 
    return val + ID; 
}); 

Siehe Jsfiddle(Elemente überprüfen und HTML-Code sehen)

Answer 2

Sie sie ausrichten können Attribut gleich Selektor und dann ihre Werte in Abhängigkeit von .attr() Methode Rückruf ändern:

var ID = "12"; 
$([data-foo="value"]).attr("data-foo", function(i, val) { 
    return val + ID; 
});