Nhận dữ liệu thuộc tính

Question

Trong html của tôi, tôi có một yếu tố span:

<span class="field" data-fullText="This is a span element">This is a</span> 

Và tôi muốn để có được những thuộc tính data-fullText. Tôi đã thử hai cách này, nhưng họ đã không làm việc (cả hai trở undefined):

$('.field').hover(function() { 
    console.log('using prop(): ' + $(this).prop('data-fullText')); 
    console.log('using data(): ' + $(this).data('fullText')); 
}); 

Sau đó, tôi đã tìm kiếm và tìm thấy những câu hỏi này: How to get the data-id attribute? và jquery can't get data attribute value.
Câu trả lời của cả hai là "Use .attr('data-sth') or .data('sth')".
Tôi biết rằng .attr() không được dùng nữa (trong jquery-1.11.0, mà tôi sử dụng), tuy nhiên, tôi đã thử.
Và nó đã hoạt động!

Ai đó có thể giải thích lý do tại sao?

Answer 1

Bạn có thể sử dụng .attr() chức năng:

$(this).attr('data-fullText') 

hoặc nếu bạn chữ thường tên thuộc tính:

data-fulltext="This is a span element" 

sau đó bạn có thể sử dụng .data() chức năng:

$(this).data('fulltext') 

Hàmmong đợi và chỉ hoạt động với tên thuộc tính chữ thường.

Answer 2

1. Hãy thử điều này: .attr()

$('.field').hover(function() { 
    var value=$(this).attr('data-fullText'); 
    $(this).html(value); 
}); 

DEMO 1:http://jsfiddle.net/hsakapandit/Jn4V3/

2. Hãy thử điều này: .data()

$('.field').hover(function() { 
    var value=$(this).data('fulltext'); 
    $(this).html(value); 
}); 

DEMO 2:http://jsfiddle.net/hsakapandit/Jn4V3/1/

Answer 3

này làm việc cho tôi

$('.someclass').click(function() { 
    $varName = $(this).data('fulltext'); 
    console.log($varName); 
}); 

Answer 4

Thay đổi ID và dữ liệu thuộc tính như bạn muốn!

<select id="selectVehicle"> 
     <option value="1" data-year="2011">Mazda</option> 
     <option value="2" data-year="2015">Honda</option> 
     <option value="3" data-year="2008">Mercedes</option> 
     <option value="4" data-year="2005">Toyota</option> 
    </select> 

$("#selectVehicle").change(function() { 
    alert($(this).find(':selected').data("year")); 
}); 

Dưới đây là ví dụ làm việc: https://jsfiddle.net/ed5axgvk/1/

Answer 5

Đây là những gì tôi đã đưa ra:

\t \t $(document).ready(function(){ 
 
\t \t 
 
\t \t $(".fc-event").each(function(){ 
 
\t \t 
 
\t \t \t console.log(this.attributes['data'].nodeValue) \t 
 
\t \t }); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<div id='external-events'> 
 
\t \t \t <h4>Booking</h4> 
 
\t \t \t <div class='fc-event' data='00:30:00' >30 Mins</div> 
 
\t \t \t <div class='fc-event' data='00:45:00' >45 Mins</div> 
 
</div>