أردت تحديد بعض الصور بواسطة querySelector وقمت بتحويلها الى array ولكن عد طبع indexOf يقوم دوما بطبه الرقم -1
شيفرة HTML
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><title>Document</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/><linkrel="stylesheet"href="style.css"/></head><body><divclass="container"><divclass="row"><divclass="box"><divclass="img"><imgsrc="imgs/dish-1.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div><divclass="box"><divclass="img"><imgsrc="imgs/dish-2.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div><divclass="box"><divclass="img"><imgsrc="imgs/dish-3.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div><divclass="box"><divclass="img"><imgsrc="imgs/dish-4.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div><divclass="box"><divclass="img"><imgsrc="imgs/dish-5.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div><divclass="box"><divclass="img"><imgsrc="imgs/dish-6.png"alt=""/></div><divclass="cap"><h2>item</h2><p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p></div></div></div></div><divclass="selected-box"><divclass="selected-img"><iclass="far fa-arrow-alt-circle-left left"></i><iclass="far fa-times-circle times"></i><iclass="far fa-arrow-alt-circle-right right"></i></div></div><scriptsrc="main.js"></script></body></html>
شيفرة جافاسكريبت
for(i=0;i<imgList.length ; i++){
imgList[i].addEventListener('click',function(e){var n = imgList.indexOf(e.target)
console.log(n)})}
تم التعديل في بواسطة Hassan Hedr إرفاق الشيفرة وتوضيح العنوان
السؤال
Mahmoud Ali Nawwar
السلام عليكم
أردت تحديد بعض الصور بواسطة querySelector وقمت بتحويلها الى array ولكن عد طبع indexOf يقوم دوما بطبه الرقم -1
شيفرة HTML
شيفرة جافاسكريبت
تم التعديل في بواسطة Hassan Hedrإرفاق الشيفرة وتوضيح العنوان
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.