Gibt es eine Möglichkeit, zu überprüfen, ob ein Datenattribut vorhanden ist?

Gibt es eine Möglichkeit, wie ich Folgendes ausführen kann:

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

Nur wenn das Element ein Attribut namens data-timer mit der ID #dataTable enthält?

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

HINWEIS: Dies wird nur zurückgegeben, truewenn das Datenattribut keine leere Zeichenfolge oder ein "Falsey" -Wert ist, z . B. 0oder false.

Wenn Sie überprüfen möchten, ob das Datenattribut vorhanden ist, auch wenn es leer ist, gehen Sie folgendermaßen vor:

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

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

Im Interesse einer anderen Antwort als oben; Sie könnten es so überprüfen Object.hasOwnProperty(...):

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

Wenn Sie mehrere Datenelemente haben, über die Sie iterieren möchten, können Sie das .data()Objekt alternativ variieren und wie folgt durchlaufen :

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

Nicht zu sagen, dass diese Lösung besser ist als die anderen hier, aber zumindest ist es ein anderer Ansatz ...

Oder kombinieren Sie mit etwas Vanille JS

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

Sie können die hasData-Methode von jQuery verwenden.

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

Der Hauptvorteil von jQuery.hasData (Element) besteht darin, dass kein Datenobjekt erstellt und dem Element zugeordnet wird, wenn derzeit keines vorhanden ist. Im Gegensatz dazu gibt jQuery.data (Element) immer ein Datenobjekt an den Aufrufer zurück und erstellt eines, wenn zuvor kein Datenobjekt vorhanden war.

Dies überprüft nur das Vorhandensein von Datenobjekten (oder Ereignissen) in Ihrem Element. Es kann nicht bestätigt werden, ob es speziell ein "Timer" -Objekt enthält.

Wenn Sie zwischen leeren und fehlenden Werten unterscheiden möchten, können Sie dies mit jQuery überprüfen.

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

Von der ursprünglichen Frage würden Sie dies also tun.

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

Sie können ein extrem einfaches jQuery-Plugin erstellen, um ein Element dafür abzufragen:

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

Dann können Sie einfach verwenden $("#dataTable").hasData('timer')

Fallstricke:

• Wird falsenur zurückgegeben, wenn der Wert nicht existiert (ist undefined); Wenn es auf false/ gesetzt ist, wird nulles hasData()immer noch zurückkehrentrue .
• Es unterscheidet sich von dem eingebauten in $.hasData()dem nur überprüft , ob alle Daten auf dem Element gesetzt.

Ich habe festgestellt, dass dies mit dynamisch gesetzten Datenelementen besser funktioniert:

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

Alle Antworten hier verwenden die jQuery-Bibliothek.

Aber das Vanille-Javascript ist sehr einfach.

Wenn Sie ein Skript nur ausführen möchten, wenn das Element mit einem idvon #dataTable auch ein data-timerAttribut hat, lauten die Schritte wie folgt:

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

Dies ist meiner Meinung nach die einfachste Lösung, um alle Elemente auszuwählen, die bestimmte Datenattribute haben:

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

Hier ist der Screenshot, wie es funktioniert.

Falsche Antwort - siehe BEARBEITEN am Ende

Lassen Sie mich auf Alex 'Antwort aufbauen.

Um die Erstellung eines Datenobjekts zu verhindern, wenn es nicht vorhanden ist, sollte ich Folgendes tun:

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

Wenn dann $thiskein Datenobjekt erstellt wurde, wird $.hasDatazurückgegeben falseund es wird nicht ausgeführt $this.data(key).

BEARBEITEN: Funktion $.hasData(element)funktioniert nur, wenn die Daten mit eingestellt wurden $.data(element, key, value), nicht element.data(key, value). Aus diesem Grund ist meine Antwort nicht korrekt.

Ich brauchte einen einfachen Booleschen Wert, um damit zu arbeiten. Da es nicht definiert ist, nicht vorhanden und nicht falsch zu sein, verwende ich das !!, um es in einen Booleschen Wert umzuwandeln:

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

Eine alternative Lösung wäre die Verwendung von Filter:

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

Sie können durch CSS-Attributauswahl mit überprüfen

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

Und was ist mit:

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