jQuery truy cập thuộc tính dữ liệu html5

Question

Khi nhấp vào một trong các tùy chọn tôi đang cố gắng lấy giá trị dữ liệu từ 'ul li a' và đặt nó vào nút bên dưới, tôi đã thiết lập một ví dụ fiddle tại đây: http://jsfiddle.net/q5j8z/4/

Nhưng cant dường như làm cho nó làm việc

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

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

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

có ai có bất kỳ ý tưởng xin vui lòng?

Answer 1

Bạn có thể làm điều này:

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

Ở đây, $(this).data('value') được sử dụng để nhận được giá trị data thuộc tính của liên kết.

và $('.button').data('value', value) được sử dụng để đặt giá trị thuộc tính data của nút.

Sử dụng, console.log($('.button').data('value')); bạn có thể kiểm tra bảng điều khiển giá trị data đang được đặt.

FIDDLE DEMO

Để biết thêm thông: - .data() API Documentation

Answer 2

Hãy thử điều này:

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

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

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

Bạn có thể nhìn thấy giá trị của nút với console.log vào giao diện điều khiển của bạn với:

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

Answer 3

Sử dụng công cụ như sau:

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

Và sau đó:

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

Answer 4

You are not gán các dữ liệu giá trị cho các nút thực sự. Hãy thử điều này:

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

Trước hết bạn đang cố gắng chèn giá trị của biến value hoặc 'giá trị' theo nghĩa đen?

data() có nghĩa là để được sử dụng Tương tự để attr('attr-name', attr_value) như dưới đây:

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

Các công trình trên trong fiddle của bạn.

Answer 6

Xin lưu ý rằng bạn không cần phải xác định đĩa dữ liệu tiền tố vì Jquery không tự động

Vì vậy, đảm bảo bạn đang sử dụng thuộc tính phù hợp với giá trị dưới

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