是否有一些方法,我可以运行以下:

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(', '));

只有在id为#dataTable的元素上有一个名为data-timer的属性时?


当前回答

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

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

其他回答

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

但是普通的javascript非常简单。

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

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

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

  [... CODE HERE...]

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

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

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

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

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

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

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

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

你可以使用jQuery的hasData方法。

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

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

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