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

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

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

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

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

你可以使用jQuery的hasData方法。

http://api.jquery.com/jQuery.hasData/

hasdata (element)的主要优点是，如果当前不存在数据对象，它不会创建数据对象并将其与元素关联。相比之下，jQuery.data(element)总是返回一个数据对象给调用者，如果之前不存在数据对象，则创建一个。

这只会检查元素上是否存在任何数据对象(或事件)，它不能确认它是否有一个“timer”对象。

var data = $("#dataTable").data('timer');
var diffs = [];

if( data.length > 0 ) {
for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));
}

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

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

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

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

为了提供与上述不同的答案;你可以像这样用Object.hasOwnProperty(…)检查它:

 if( $("#dataTable").data().hasOwnProperty("timer") ){
     // the data-time property exists, now do you business! .....
 }

或者，如果你有多个数据元素想要遍历，你可以变量.data()对象并像这样遍历它:

 var objData = $("#dataTable").data();
 for ( data in objData ){
      if( data == 'timer' ){
            //...do the do
      }
 }

并不是说这个解决方案比这里的任何其他解决方案都好，但至少它是另一种方法……

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

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

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

陷阱:

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

错误答案——见最后的EDIT

让我以Alex的回答为基础。

为了防止创建一个不存在的数据对象，我最好这样做:

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

然后，其中$this没有创建数据对象，$。hasData返回false，它不会执行$this.data(key)。

编辑:函数$. hasdata (element)只适用于使用$设置的数据。数据(元素，键，值)，而不是元素。数据(关键字,值)。因此，我的答案不正确。

或者结合一些香草JS

if ($("#dataTable").get(0).hasAttribute("data-timer")) {
  ...
}

我需要一个简单的布尔值。因为它没有定义不存在，而不是假的，我使用!!转换为布尔值:

var hasTimer = !!$("#dataTable").data('timer');
if( hasTimer ){ /* ....... */ }

另一种解决方案是使用过滤器:

if( $("#dataTable").filter('[data-timer]').length!==0) { /* ....... */ }

如果想要区分空值和缺失值，可以使用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
}

在我看来，这是最简单的解决方案，选择所有具有特定数据属性的元素:

var data = $("#dataTable[data-timer]");
var diffs = [];

for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));

下面是它如何工作的截图。

还有:

if ($('#dataTable[data-timer]').length > 0) {
    // logic here
}

这里所有的答案都使用了jQuery库。

但是普通的javascript非常简单。

如果你只想在id为#dataTable的元素也具有data-timer属性的情况下运行脚本，那么步骤如下:

// Locate the element
const myElement = document.getElementById('dataTable');

// Run conditional code
if (myElement.dataset.hasOwnProperty('timer')) {

  [... CODE HERE...]

}