jQuery $.data('n') 返回空白，但 $.attr('data-n') 獲取值

Question

第三方 javascript 庫向與工具提示功能相關的元素添加了數據屬性，如下所示：

<i id="button1" data-tooltip="xyz-tooltip"></i>

（為了更清楚地說明這在加載時未在文檔中呈現）

該元素是觸發工具提示的按鈕，它們還將一個實際的工具提示附加到文檔中，其 ID 與 data-tooltip 的內容相匹配（我想找到）

我正在使用 jQuery 並假設我總是可以使用以下方法獲取該數據：

var theTooltip = $("#button1").data("tooltip");

但在我的情況下，工具theTooltip是"" 。 但是我可以使用它：

var theTooltip = $("#button1").attr("data-tooltip");

在什么情況下第一種方法不起作用？ 是否可能是因為元素在 jQuery 初始化時沒有這些屬性（它們沒有在服務器上呈現）？

Answer 1

答案是$.data()之前已寫入，但隨后可見數據屬性被寫入其他內容。 然后$.data()不再檢索可見數據屬性

JSfiddle： https ://jsfiddle.net/sp2d74y1/1/