رقم فهرس ارجع jQuery لكل عنصر في الصفيف وتعيين هذا الفهرس في سمة REL

Question

أحاول التعامل مع JQuery Infinite Carousel في تغيير حجم حاوية الصورة بشكل ديناميكي بناء على الصورة المعروضة حاليا. أحتاج إلى الحصول على مؤشر عنصر LI الذي يحتوي على الصورة الحالية، ولكن المشكلة هي أن كاروسيل لا نهائي يزيل وأعد العثور على لي تلقائيا، مما يعني أن خصائص eq () تتغير باستمرار.

لذلك، أحتاج إلى تعيين سمة REL استنادا إلى موضع الفهرس عند تحميل الصفحة، قبل أن يبدأ عرض الشرائح وإعادة إنتاج دائري للي.

أساسا، بلدي html هو مثل هذا:

<li></li>
<li></li>
<li></li>

ولست بحاجة لاستخدام jQuery لجعلها في تحميل الصفحة:

<li rel="1"></li>
<li rel="2"></li>
<li rel="3"></li>

لقد بحثت عن حفنة على api jquery ولكن لا يمكنني معرفة وجود خاصية أو مزيج من العقارات لاستخدامها:

index(),
each(),
inArray(),
get()

شكرا لمساعدتك!

Answer 1

جرب هذا:

$("ul").each(function() {
    $(this).children("li").each(function(i) {
        $(this).attr("rel", i+1);
    });
});