JavaScript-獲取數據屬性值返回未定義

Question

因此，我有一個data-time屬性，其中包含一個從數據庫中獲取的整數值。 我得到它的值，但返回未定義。 我檢查了瀏覽器，並且我的data-time屬性正確存儲了該值。 真的很奇怪，因為在此之前我正在做同樣的事情，並且它不會返回未定義的內容。 這是我的代碼：

<option data-price="{{ $availableOption->price * $course }}" data-time="{{ $availableOption->delivery_time }}">
...
</option

腳本

$('.config-option option:selected').each(function() {
    var currentElement = $('this');
    var optionDeliveryTimeStr = currentElement.attr('data-time');
    console.log(optionDeliveryTimeStr);
});

在此之前，我使用data-price屬性進行了完全相同的操作，它以字符串形式返回值。 但這不適用於data-time屬性。 如果有人可以提供解決方案和解釋，我將非常感謝。

Answer 1

你的問題是這條線

 var currentElement = $('this');

從報價中移除this ，取而代之的是

 var currentElement = $(this);

Answer 2

使用$（currentElement）代替currentElement：

$('.config-option option:selected').each(function() {
    var currentElement = $(this);
    var optionDeliveryTimeStr = $(currentElement).attr('data-time'); // OR $(currentElement).data('time');
    console.log(optionDeliveryTimeStr);
});