jQuery z dostępem do atrybutu danych html5

Question

Po kliknięciu jednej z opcji próbuję uzyskać wartość danych z "ul li a" i umieścić ją w przycisku poniżej, skonfigurowałem przykład skrzypiec tutaj: http://jsfiddle.net/q5j8z/4/

Ale nie wydaje się, aby to działa

$('ul li a').click(function(e) { 
    e.preventDefault(); 

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

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

Czy ktoś ma jakieś pomysły proszę?

Answer 1

Można to zrobić:

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

Tutaj $(this).data('value') jest używany, aby uzyskać wartość atrybutu data łącza.

i $('.button').data('value', value) służy do ustawiania wartości atrybutu data przycisku.

Za pomocą, console.log($('.button').data('value')); można sprawdzić konsolę, dla której ustawiono wartość data.

FIDDLE DEMO

Aby uzyskać więcej informacji: - .data() API Documentation

Answer 2

Spróbuj tego:

$('ul li a').click(function(e) { 
     e.preventDefault(); 

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

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

można zobaczyć wartość przycisk z console.log do konsoli z:

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

Answer 3

Użyj tego tak:

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

A potem:

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

Answer 4

Nie przypisujemy dane wartości do przycisku rzeczywiście. Spróbuj tego:

$('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 5

pierwsze jesteś ty próbujesz wstawić wartość zmiennej value lub „wartości” dosłowne?

data() ma być używany do attr('attr-name', attr_value) Podobnie jak poniżej:

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

Powyższe prace w swoim skrzypcach.

Answer 6

Należy pamiętać, że nie ma potrzeby, aby określić data- prefiks ponieważ Jquery robi automatycznie

Więc zapewnić używasz odpowiedniego atrybutu do wartości poniżej

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