มีวิธีใดที่ฉันสามารถตรวจสอบว่ามี data data อยู่หรือไม่?

มีวิธีที่ฉันสามารถเรียกใช้ต่อไปนี้:

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 บนองค์ประกอบที่มี id ของ #dataTable?

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

หมายเหตุนี้ผลตอบแทนเท่านั้นtrueถ้าแอตทริบิวต์ข้อมูลไม่สตริงที่ว่างเปล่าหรือ "falsey" ค่าเช่นหรือ0false

หากคุณต้องการตรวจสอบว่ามี data data อยู่หรือไม่ให้ทำดังนี้:

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 (องค์ประกอบ) คือมันไม่ได้สร้างและเชื่อมโยงวัตถุข้อมูลกับองค์ประกอบถ้าไม่มีอยู่ในปัจจุบัน ในทางตรงกันข้าม jQuery.data (องค์ประกอบ) จะส่งคืนออบเจ็กต์ข้อมูลไปยังผู้เรียกเสมอโดยสร้างขึ้นมาหนึ่งอัน

สิ่งนี้จะตรวจสอบการมีอยู่ของวัตถุข้อมูล (หรือเหตุการณ์) ในองค์ประกอบของคุณเท่านั้นมันจะไม่สามารถยืนยันได้ว่ามันมีวัตถุ "ตัวจับเวลา" โดยเฉพาะ

หากคุณต้องการแยกความแตกต่างระหว่างค่าว่างและค่าที่หายไปคุณสามารถใช้ 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-simple ที่แสนง่ายเพื่อสืบค้นองค์ประกอบสำหรับสิ่งนี้:

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

แต่จาวาสคริปต์วานิลลานั้นตรงไปตรงมามาก

หากคุณต้องการเรียกใช้สคริปต์เฉพาะเมื่อองค์ประกอบที่มีidของ#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)เนื่องจากคำตอบของฉันไม่ถูกต้อง

ฉันต้องการบูลีนแบบธรรมดาเพื่อทำงานกับ เนื่องจากมันไม่ได้นิยามว่าไม่มีอยู่และไม่ใช่เท็จฉันจึงใช้การ!!แปลงเป็นบูลีน:

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
}