Esiste un modo per verificare se esiste un attributo di dati?

Esiste un modo per eseguire quanto segue:

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

Solo se esiste un attributo chiamato data-timer sull'elemento con un ID di #dataTable?

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

NOTA questo ritorna solo truese l'attributo data non è una stringa vuota o un valore "falso", ad esempio 0o false.

Se si desidera verificare l'esistenza dell'attributo data, anche se vuoto, procedere come segue:

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

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

Nell'interesse di fornire una risposta diversa da quelle sopra; puoi verificarlo in Object.hasOwnProperty(...)questo modo:

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

in alternativa, se si hanno più elementi di dati su cui si desidera iterare, è possibile variare l' .data()oggetto e iterarlo in questo modo:

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

Non dire che questa soluzione è migliore di tutte le altre qui, ma almeno è un altro approccio ...

O combinalo con un po 'di JS alla vaniglia

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

È possibile utilizzare il metodo hasData di jQuery.

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

Il vantaggio principale di jQuery.hasData (elemento) è che non crea e associa un oggetto dati all'elemento se non esiste attualmente. Al contrario, jQuery.data (element) restituisce sempre un oggetto dati al chiamante, creandone uno se in precedenza non esisteva alcun oggetto dati.

Questo verificherà solo l'esistenza di oggetti dati (o eventi) sul tuo elemento, non sarà in grado di confermare se ha specificamente un oggetto "timer".

Se si desidera distinguere tra valori vuoti e valori mancanti, è possibile utilizzare jQuery per verificare in questo modo.

<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>

Quindi dalla domanda originale lo faresti.

if("timer" in $("#dataTable").data()) {
  // code
}

È possibile creare un plugin jQuery estremamente semplice per eseguire una query su un elemento per questo:

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

Quindi puoi semplicemente usare $("#dataTable").hasData('timer')

Trabocchetti:

• Restituirà falsesolo se il valore non esiste (è undefined); se è impostato su false/ nulllo hasData()sarà ancora di ritornotrue .
• E 'diverso dal built-in $.hasData(), che controlla solo se tutti i dati del elemento è impostato.

Ho trovato che funziona meglio con gli elementi di dati impostati dinamicamente:

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

Tutte le risposte qui usano la libreria jQuery.

Ma il javascript alla vaniglia è molto semplice.

Se si desidera eseguire uno script solo se l'elemento con un iddi ha #dataTable anche un data-timerattributo, i passaggi sono i seguenti:

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

Questa è la soluzione più semplice secondo me è quella di selezionare tutti gli elementi che hanno determinati attributi di dati:

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

Ecco lo screenshot di come funziona.

Risposta errata: vedere EDIT alla fine

Vorrei basarmi sulla risposta di Alex.

Per impedire la creazione di un oggetto dati se non esiste, farei meglio a:

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

Quindi, dove $thisnon è stato creato alcun oggetto dati, $.hasDataritorna falsee non verrà eseguito $this.data(key).

EDIT: la funzione $.hasData(element)funziona solo se i dati sono stati impostati usando $.data(element, key, value), no element.data(key, value). Per questo motivo, la mia risposta non è corretta.

Avevo bisogno di un semplice booleano con cui lavorare. Perché è indefinito di non presente e non falso, io uso il !!per convertire in booleano:

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

Una soluzione alternativa sarebbe usare il filtro:

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

È possibile controllare selezionando l'attributo css con

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

E che mi dici di:

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