في الوقت الحالي، لديك عنصر li
مع فرزات class
تحمل قيم media_item
و upload
، وتحتوي على فرزات data-actions-permissions
و data-info
، وعندك عنصر p
داخل هذا العنصر li
. للحصول على قيمة data-info
في هذه الحالة، يمكنك استخدام طريقة data
في jQuery بالشكل التالي:
javascript$(".media_item.upload").children("p").parent().data("info");
هذا الكود يعمل بالشكل التالي:
$(".media_item.upload")
: يحدد العنصرli
الذي يحمل الفرزاتclass
المحددة..children("p")
: يحدد العنصرp
الذي هو طفل مباشر للعنصرli
..parent()
: يعود للعنصرli
بعد الانتهاء من العمليات على الطفل..data("info")
: يستخرج قيمةdata-info
من العنصرli
.
هذا الكود يأخذ بعين الاعتبار أن لديك عنصر p
داخل العنصر li
، وأنك تريد الحصول على قيمة data-info
من العنصر li
وليس من العنصر p
.
المزيد من المعلومات
بالتأكيد! في jQuery، الوظيفة data()
تُستخدم لاسترداد القيم المخزنة في سمات data
لعناصر HTML. عند استخدام data()
، يمكنك تحديد اسم السمة (data-info
في هذه الحالة) وسيتم استرداد القيمة المخزنة فيها. إذا كانت القيمة المخزنة هي عبارة عن كائن JavaScript، ستتم تحويلها تلقائياً إلى كائن قابل للاستخدام.
الطريقة data()
في jQuery تسمح أيضًا بتعيين القيم لسمات data
، وذلك عن طريق تمرير اسم السمة والقيمة كمعاملين. على سبيل المثال، إذا أردت تعيين قيمة لسمة data-info
، يمكنك استخدام الطريقة التالية:
javascript$(".media_item.upload").data("info", {key: "value"});
وبهذا سيتم تعيين قيمة {key: "value"}
لسمة data-info
في العنصر li
المحدد.