jQuery $.data() 条件语句

Question

我在一个元素上使用了 html5“数据”属性，并且我只想将属性值分配给一个变量，前提是它存在且不为空：

var xxx = $(this).data('what') ? $(this).data('what') : 'default_value';

但它不起作用。我总是得到默认值...

Answer 1

使用短路更简单、更高效：

var xxx = $(this).data('what') || 'default_value';

但是假设数据存在（正如评论者指出的那样），您的代码无论如何都应该可以工作。

Answer 2

看起来 $(this) 不是您期望的那样。除此之外，该声明看起来不错。 Demo

Answer 3

根据文档：

.data()

.data() 方法允许我们附加 任何类型的数据到 DOM 元素中 远离圆形的安全方式 引用，因此来自记忆 泄漏。

.attr()

.attr() 方法获取属性 仅第一个元素的值 匹配的集合。

所以你想要的是使用 .attr() 方法，像这样：

var xxx = $(this).attr('data-what') || 'default_value';