Fügen Sie jedem Bild ein Datenattribut mit Jquery hinzu

Question

Ich muss jedem Bild auf einer Seite ein Datenattribut hinzufügen. Diese Datenbilder bieten eine Lightbox-Funktionalität, aber da es so viele Bilder gibt, wäre es schön, dies mit Jquery zu automatisieren.

Bisher habe ich mit dem Datenattribut Möglichkeiten wie gespielt habe:

$('.item a).attr('data-lightbox'); 

Ich habe mehrere Bilder auf einer Seite und alle mit dem .item div, um das Datenattribut angewandt sollte. Denke ich über den richtigen Weg nach?

Answer 1

Sie verwenden eine Methode , indem Sie nur den Schlüssel als Parameter übergeben. Sie müssen einen Setter verwenden und einen Schlüssel und Wert übergeben. Die korrekte Syntax ist

$(selector).data(name,value) 

Schleife über die Bilder und verwenden Sie die data() Methode

$("img").each(function() { 
    $(this).data("lightbox", "value"); 
}); 

https://api.jquery.com/jquery.data/

Answer 2

Dies wird die Arbeit machen

$('.item img').attr('data-lightbox', 'value');