Есть ли способ, которым я могу проверить, существует ли атрибут данных?

Есть ли способ, которым я могу запустить следующее:

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

Только если в элементе есть атрибут data-timer с идентификатором #dataTable?

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

Обратите внимание , это только возвращается , trueесли атрибут данных не является пустой строкой или «falsey» значение , например , 0или false.

Если вы хотите проверить наличие атрибута данных, даже если он пуст, сделайте следующее:

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

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

В интересах предоставления ответа, отличного от приведенного выше; Вы можете проверить это 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
      }
 }

Не сказать, что это решение лучше, чем любое другое здесь, но, по крайней мере, это другой подход ...

Или в сочетании с ванильным JS

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

Вы можете использовать метод hasData в jQuery.

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

Основное преимущество jQuery.hasData (element) состоит в том, что он не создает и не связывает объект данных с элементом, если в данный момент его не существует. Напротив, jQuery.data (element) всегда возвращает объект данных вызывающей стороне, создавая его, если ранее никакого объекта данных не существовало.

Это будет только проверять наличие каких-либо объектов данных (или событий) в вашем элементе, оно не сможет подтвердить, есть ли у него объект «таймер».

Если вы хотите различать пустые значения и пропущенные значения, вы можете использовать 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
}

Вы можете создать чрезвычайно простой jQuery-плагин для запроса элемента:

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

Тогда вы можете просто использовать $("#dataTable").hasData('timer')

Gotchas:

• Вернет falseтолько если значение не существует (есть undefined); если он установлен в false/ nullон hasData()все равно вернется true.
• Он отличается от встроенного, $.hasData()который только проверяет, установлены ли какие-либо данные для элемента.

Я обнаружил, что это работает лучше с динамически установленными элементами данных:

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

Все ответы здесь используют библиотеку jQuery.

Но ванильный JavaScript очень прост.

Если вы хотите запустить сценарий только в том случае, если элемент с параметром idof #dataTable также имеет data-timerатрибут, выполните следующие шаги:

// Locate the element

const myElement = document.getElementById('dataTable');

// Run conditional code

if (myElement.dataset.hasOwnProperty('timer')) {

  [... CODE HERE...]

}

По моему мнению, это самое простое решение - выбрать все элементы, которые имеют определенный атрибут данных:

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

Вот скриншот того, как это работает.

Неправильный ответ - см. РЕДАКТИРОВАТЬ в конце

Позвольте мне опираться на ответ Алекса.

Чтобы предотвратить создание объекта данных, если он не существует, я бы лучше сделал:

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

Затем, где $thisне создан объект данных, $.hasDataвозвращается, falseи он не будет выполняться $this.data(key).

РЕДАКТИРОВАТЬ: функция $.hasData(element)работает, только если данные были установлены с использованием $.data(element, key, value), а не element.data(key, value). Из-за этого мой ответ не верен.

Мне нужно было простое логическое значение для работы с. Поскольку он не определен как не присутствует и не имеет значения false, я использую его !!для преобразования в логическое значение:

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

Альтернативное решение будет использовать фильтр:

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

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

Вы можете проверить выбор атрибута css с помощью

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

И что насчет:

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