是否有一些方法,我可以运行以下:
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的属性时?
当前回答
或者结合一些香草JS
if ($("#dataTable").get(0).hasAttribute("data-timer")) {
...
}
其他回答
你可以创建一个非常简单的jQuery-plugin来查询一个元素:
$.fn.hasData = function(key) {
return (typeof $(this).data(key) != 'undefined');
};
然后你可以简单地使用$("#dataTable").hasData('timer')
陷阱:
仅当值不存在时才返回false (is undefined);如果它被设置为false/null, hasData()仍然会返回true。 它不同于内置的$. hasdata(),后者只检查是否设置了元素上的任何数据。
为了提供与上述不同的答案;你可以像这样用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
}
}
并不是说这个解决方案比这里的任何其他解决方案都好,但至少它是另一种方法……
if ($("#dataTable").data('timer')) {
...
}
注意只有当数据属性不是空字符串或“假”值(如0或false)时,才返回true。
如果你想检查data属性是否存在,即使是空的,也要这样做:
if (typeof $("#dataTable").data('timer') !== 'undefined') {
...
}
我发现这种方法在动态设置数据元素时效果更好:
if ($("#myelement").data('myfield')) {
...
}
你可以通过css属性选择来检查
if ($('#dataTable').is('[data-timer]')) {
// data-timer attribute exists
}