ejemplo - get id jquery

jQuery accediendo al atributo de datos html5

Question

Al hacer clic en una de las opciones, estoy intentando obtener el valor de datos de ''ul li a'' y colocarlo en el botón de abajo, he configurado un ejemplo de violín aquí: http://jsfiddle.net/q5j8z/4/

Pero parece que no puedo hacerlo funcionar.

$(''ul li a'').click(function(e) {
e.preventDefault();
var value = $(this).data();
$(''.button'').data(''value'');
});

¿Alguno tiene alguna idea por favor?

Answer 1

Úsalo así:

var value = $(this).data(''value'');

Y entonces:

$(''.button'').data(''value'', value);

Answer 2

En primer lugar, ¿estás tratando de insertar el valor del value variable o literal ''valor''?

data() debe utilizarse de forma similar a attr(''attr-name'', attr_value) como se muestra a continuación:

$(''ul li a'').click(function(e) {
e.preventDefault();
var value = $(this).data(''value'');
$(''.button'').data(''value'', value);
});

Lo anterior funciona en tu violín.

Answer 3

No está asignando los datos de valor al botón en realidad. Prueba esto:

$(''ul li a'').click(function(e) {
e.preventDefault();
var value = $(this).data();
// assign the value form the clicked anchor to button value data
$(''.button'').data(''value'', value);
console.log($(''.button'').data(''value''));
});

Answer 4

Prueba esto:

$(''ul li a'').click(function(e) {
e.preventDefault();
var value = $(this).data(''value'');
$(''.button'').data(''value'', value);
});

Puede ver el valor del botón con console.log en su consola con:

console.log(''data: ''+$(".button").data("value"));

Answer 5

Puedes hacerlo:

$(''ul li a'').click(function (e) {
e.preventDefault();
var value = $(this).data(''value'');
$(''.button'').data(''value'', value);
console.log($(''.button'').data(''value''));
});

Aquí, $(this).data(''value'') se usa para obtener el valor del atributo de data del enlace.

y $(''.button'').data(''value'', value) se usa para establecer el valor del atributo de data del botón.

Utilizando, console.log($(''.button'').data(''value'')); Puede comprobar en la consola el valor de data que se está configurando.

DEMO DE FIDDLE

Para más información: - .data () Documentación API

Answer 6

Tenga en cuenta que no necesita especificar el prefijo de datos porque Jquery lo hace automáticamente

Así que asegúrese de que está utilizando el atributo correcto para el valor de abajo

$(''ul li a'').click(function(e) {
e.preventDefault();
var value = $(this).data(''value'');
$(''.button'').data(''value'', value);
});