无法使用javascript或jquery获取div中dataset的更新值

我正在进行一些java脚本更改，以更新div数据属性值。下面是详细的解释

我有一个带有一些数据属性的div，当页面加载时，它们被设置为一些默认值

<div class="offer_option" id="offerView" data-term="24" data-rc="54.99">
   <a href="#" class="customize_offer" id="customize">Select</a>
</div>

或

当我点击“选择”链接时，下面的代码将被执行

$('.customize_offer').unbind('click').click(function() {
    selectOffer($(this));
});

下面是“selectOffer”功能

问题是数据集在“offerDetails”变量中没有显示数据rc的更新值，而是显示一个空值。我尝试了一些j查询选项和java脚本选项，但无法获得“offerDetails”变量中的更新值。请让我知道如何解决这个问题

谢谢， 纳甘德拉

试试看

$("#offerView").attr('data-rc', 100.00);

为什么会这样

---

jQuery.data（）

最初使用数据属性中的值填充，方法是使用jQuery中的特殊缓存对象来存储数据。它不会更改DOM中的属性。要更改属性，您必须使用

attr（）

，但OP使用

data（）

来获取值，因此属性不重要？但他通过Ajax调用声明

，我正在尝试更新“data rc”值

@magesh kumar。代码应该是这样写的：.attr（“data rc”，100.00）@NachoDawg-单引号或双引号没有什么区别。@adeneo他已经纠正了这个问题，他写道：.attr（“rc”，100），而不是.attr（“data rc”，100）尝试用

最近的
@Nagendra:尝试记录：console.log（offerOption）；如果它返回一个对象或未定义
$('.customize_offer').unbind('click').click(function() {
    selectOffer($(this));
});

function selectOffer(selectButton) {
   var offerOption = selectButton.parents('.offer_option');
   var offerDetails = offerOption.data();
   console.log( offerDetails );
}

$("#offerView").attr('data-rc', 100.00);