Método data() de jQuery miscellaneous

Métodos misceláneos de jQuery

El método data() almacena datos en el elemento seleccionado o los recupera de él.

Cuando se utiliza el método data()ObtenerCuando se utilizan datos en un elemento seleccionado, se devuelveEl primer elemento seleccionadodatos.

Cuando se utiliza el método data() paraAlmacenarCuando se almacena datos en un elemento seleccionado, se almacenan enTodos los elementos seleccionados。

Para eliminar datos, utiliceremoveData()Método.

Sintaxis:

Devuelve los datos almacenados en el elemento seleccionado:

$(selector).data(key)

Almacene datos en el elemento seleccionado:

$(selector).data(key,　value)

Almacene datos en el elemento seleccionado utilizando un objeto:

$(selector).data(key,　object)

Ejemplo

Recupere datos del primer elemento de la lista:

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

Almacene los datos en el elemento DIV y luego recórquelos:

//　Almacenar datos
$("#btn1").click(function(){
　　$("div").data("msg",　"Hello　World");
});
//　Obtener datos
$("#btn2").click(function(){
　　$("div").text($("div").data("msg"));
});

Utilice un objeto para almacenar datos en el elemento DIV y luego recuperarlos:

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

Búsqueda del atributo "video de datos" a través de un botón:}}

$("#videoModal").on("show.bs.modal", function(event) {
　　let button = $(event.relatedTarget);　//　Botón que desencadena el modal
　　let url = button.data("video");　　//　Desde los datos-Extraer url de las propiedades de video
　　$(this).find("iframe").attr({
　　　　src: url,
　　　　permitir: "acelerómetro;　autoplay;　encriptado"-media;　gyroscope;　picture-in-picture"
　　});
});

Valor del parámetro

Métodos misceláneos de jQuery