javascript - 通过 jQuery .data() 查看添加到元素的数据的便捷方法

Question

我通过调用 jQuery.data 将 id 添加到元素:

$layout.nextAll('.imagepicker').data('imgPickerId', randomnumber);

因此，我的类 imagepicker 元素将添加 [imgPickerId=randomnumbervalue] 数据属性。

似乎我后来如何使用此 imgPickerId 查找 .imagepicker 存在问题。在哪里可以方便地查找哪些属性被添加到特定元素(除了 js 代码)？也许在 Firebug 的某个地方？

附注由于某种原因，我的“getter 代码”在 jQuery 1.6 中有效，但在 1.7 中无效。我仍然怀疑数据没有被添加到元素中，并且需要一种方法来检查它。

Answer 1

jQuery 的 data函数将所有内容存储在 JavaScript 中，而不以任何方式改变 DOM。恐怕您必须使用代码才能访问它。

快速的 Google 搜索还显示了 FireQuery Firebug 插件，它似乎使您能够查看元素的附加数据。不过，我自己还没有尝试过，所以无法证实这一点。

更新:测试了一下，效果很好!使用 FireQuery，您的元素的所有数据都可以在 HTML 旁边看到: