jQuery缓存导致 data( ) 方法无法取到最新的值

有以下代码：
       1. HTML（部分代码）：

<table id="secondTypeTable" class="col-xs-4" data-type-level="2" data-parent-id="">

其中 "data-parent-id" 属性会动态改变。
       2. JavaScript（部分代码）：

var parentId = that.parents("table").data("parent-id");

       当我某次改变data-parent-id属性的值，下一次进行其他动作的时候，获取到的值依然是上一次的值。因为不熟悉js，所以猜想了很多种可能性，可能是其他代码改变了该值，或者是html结构被改变了，但是都没解决问题。后来才想到会不会有缓存（ = =）老年人反应，不谈…
       上网一查果然是这个原因。网上给出的解决方案是不要用data函数取值，直接用attr函数取值即可，然后果然解决了 = = 代码如下：

that.parents("table").attr("data-parent-id")

参考文章：
jquery缓存导致的data（）方法无法取到data-*改变后的正确值