استرجاع قيمة data-info في jQuery

في الوقت الحالي، لديك عنصر li مع فرزات class تحمل قيم media_item و upload، وتحتوي على فرزات data-actions-permissions و data-info، وعندك عنصر p داخل هذا العنصر li. للحصول على قيمة data-info في هذه الحالة، يمكنك استخدام طريقة data في jQuery بالشكل التالي:

javascriptCopy code
$(".media_item.upload").children("p").parent().data("info");

هذا الكود يعمل بالشكل التالي:

1. $(".media_item.upload"): يحدد العنصر li الذي يحمل الفرزات class المحددة.
2. .children("p"): يحدد العنصر p الذي هو طفل مباشر للعنصر li.
3. .parent(): يعود للعنصر li بعد الانتهاء من العمليات على الطفل.
4. .data("info"): يستخرج قيمة data-info من العنصر li.

هذا الكود يأخذ بعين الاعتبار أن لديك عنصر p داخل العنصر li، وأنك تريد الحصول على قيمة data-info من العنصر li وليس من العنصر p.

بالتأكيد! في jQuery، الوظيفة data() تُستخدم لاسترداد القيم المخزنة في سمات data لعناصر HTML. عند استخدام data()، يمكنك تحديد اسم السمة (data-info في هذه الحالة) وسيتم استرداد القيمة المخزنة فيها. إذا كانت القيمة المخزنة هي عبارة عن كائن JavaScript، ستتم تحويلها تلقائياً إلى كائن قابل للاستخدام.

الطريقة data() في jQuery تسمح أيضًا بتعيين القيم لسمات data، وذلك عن طريق تمرير اسم السمة والقيمة كمعاملين. على سبيل المثال، إذا أردت تعيين قيمة لسمة data-info، يمكنك استخدام الطريقة التالية:

javascriptCopy code
$(".media_item.upload").data("info", {key: "value"});

وبهذا سيتم تعيين قيمة {key: "value"} لسمة data-info في العنصر li المحدد.