الوصول إلى سمة معرف البيانات باستخدام jQuery

عند العمل مع المكون الإضافي jQuery Quicksand، غالبًا ما يكون من الضروري استرداد سمة "معرف البيانات" للعناصر التي تم النقر عليها تمرير المعلومات إلى خدمات الويب المختلفة. فيما يلي كيفية الحصول على قيمة السمة هذه بشكل فعال:

يمكن الوصول إلى السمة 'data-id' باستخدام الأسلوب .attr() في jQuery. بناء الجملة كما يلي:

$(this).attr("data-id")

يُرجع هذا التعبير قيمة السمة 'data-id' كسلسلة.

على سبيل المثال، إذا كان العنصر الذي تم النقر عليه يحتوي على HTML التالي:

JQuery التالي سيقوم الكود باسترداد سمة "معرف البيانات":

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

بدلاً من ذلك، يمكنك استخدام الأسلوب .data() لإصدارات jQuery 1.4.3 وما فوق. يُرجع الأسلوب .data() قيمة 'data-id' كنوع JavaScript أصلي (على سبيل المثال، رقم، منطقي) بدلاً من سلسلة.

$(this).data("id")

تذكر أنه عند استخدام طريقة .data()، يجب أن يكون الجزء بعد 'data-' صغيرًا. على سبيل المثال، سيفشل 'data-idNum'، بينما سينجح 'data-idnum'.