是否有一些方法,我可以运行以下:
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的属性时?
是否有一些方法,我可以运行以下:
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的属性时?
当前回答
我需要一个简单的布尔值。因为它没有定义不存在,而不是假的,我使用!!转换为布尔值:
var hasTimer = !!$("#dataTable").data('timer');
if( hasTimer ){ /* ....... */ }
另一种解决方案是使用过滤器:
if( $("#dataTable").filter('[data-timer]').length!==0) { /* ....... */ }
其他回答
还有:
if ($('#dataTable[data-timer]').length > 0) {
// logic here
}
错误答案——见最后的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)只适用于使用$设置的数据。数据(元素,键,值),而不是元素。数据(关键字,值)。因此,我的答案不正确。
在我看来,这是最简单的解决方案,选择所有具有特定数据属性的元素:
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(', '));
下面是它如何工作的截图。
我需要一个简单的布尔值。因为它没有定义不存在,而不是假的,我使用!!转换为布尔值:
var hasTimer = !!$("#dataTable").data('timer');
if( hasTimer ){ /* ....... */ }
另一种解决方案是使用过滤器:
if( $("#dataTable").filter('[data-timer]').length!==0) { /* ....... */ }
这里所有的答案都使用了jQuery库。
但是普通的javascript非常简单。
如果你只想在id为#dataTable的元素也具有data-timer属性的情况下运行脚本,那么步骤如下:
// Locate the element
const myElement = document.getElementById('dataTable');
// Run conditional code
if (myElement.dataset.hasOwnProperty('timer')) {
[... CODE HERE...]
}