如果想要区分空值和缺失值，可以使用jQuery进行如下检查。

<div id="element" data-foo="bar" data-empty=""></div>

<script>
"foo" in $('#element').data(); // true
"empty" in $('#element').data(); // true
"other" in $('#element').data(); // false
</script>

从最初的问题你可以这样做。

if("timer" in $("#dataTable").data()) {
  // code
}

我发现这种方法在动态设置数据元素时效果更好:

if ($("#myelement").data('myfield')) {
  ...
}

if (typeof $("#dataTable").data('timer') !== 'undefined')
{
    // your code here
}

你可以通过css属性选择来检查

if ($('#dataTable').is('[data-timer]')) {
   // data-timer attribute exists
}

if ($("#dataTable").data('timer')) {
  ...
}

注意只有当数据属性不是空字符串或“假”值(如0或false)时，才返回true。

如果你想检查data属性是否存在，即使是空的，也要这样做:

if (typeof $("#dataTable").data('timer') !== 'undefined') {
  ...
}

你可以创建一个非常简单的jQuery-plugin来查询一个元素:

$.fn.hasData = function(key) {
  return (typeof $(this).data(key) != 'undefined');
};

然后你可以简单地使用$("#dataTable").hasData('timer')

陷阱:

仅当值不存在时才返回false (is undefined);如果它被设置为false/null, hasData()仍然会返回true。 它不同于内置的$. hasdata()，后者只检查是否设置了元素上的任何数据。