Metodo data() jQuery di uso misto

Metodi Vari jQuery

Il metodo data() memorizza qualsiasi dato nell'elemento selezionato o lo recupera da esso.

Quando viene utilizzato il metodo data()RecuperareQuando i dati vengono utilizzati perIl primo elemento selezionatodati.

Quando il metodo data() viene utilizzato perMemorizzazioneQuando i dati vengono memorizzati utilizzando il metodo data(),Tutti gli elementi selezionati.

Per eliminare i dati, utilizzareremoveData()Metodo.

Sintassi:

Restituire i dati memorizzati dell'elemento selezionato:

$("selector").data(key)

Memorizzare i dati nell'elemento selezionato:

$("selector").data(key,　value)

Utilizzando l'oggetto per memorizzare i dati nell'elemento selezionato:

$("selector").data(key,　object)

Esempio

Recuperare i dati dal primo elemento della lista:

$("#btn1").click(function(){
　　alert($("li").data("price"));
});

Memorizzare i dati nell'elemento DIV e quindi recuperare i dati:

//　Memorizzare i dati
$("#btn1").click(function(){
　　$("div").data("msg",　"Hello　World");
});
//　Recuperare i dati
$("#btn2").click(function(){
　　$("div").text($("div").data("msg"));
});

Utilizzando l'oggetto per memorizzare i dati nell'elemento DIV e quindi recuperare i dati:

$("button").click(function(){
　　$("div").data("test",　{first:　16,　last:　"pizza!"});
　　$("span:first").text($("div").data("test").first);
　　$("span:last").text($("div").data("test").last);
});

Ricerca dell'attributo "data-video" tramite pulsante: }}

$("#videoModal").on("show.bs.modal", function(event) {
　　let button = $(event.relatedTarget); // Bottone che ha attivato il modulo
　　let url = button.data("video"); // Estrai l'URL dall'attributo dati-video
　　$(this).find("iframe").attr({
　　　　src: url,
　　　　permesso: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
　　});
});

Valore del Parametro

Metodi Vari jQuery