如何获取通过在 forEach 中添加的单击处理程序单击的元素？

Question

I need to detect element count number

I have 10 poster elements and I have a forEach loop

I need the poster number that I clicked on, for example if I click on the seventh poster posternumber should be 7

    poster.forEach(p => {
            p.addEventListener('click',function(){
                videoTag.src = xResult[movieLanguageUrl][/*posternumber*/]; 
           });
    });

Answer 1

Check out the signatur of your forEach consumer function. The secound argument is the index.

poster.forEach((p, idx) => {
    p.addEventListener('click',function(){
        videoTag.src = xResult[movieLanguageUrl][idx]; 
    });
});

Check out this link.

Answer 2

Get the index value on the second parameter of the forEach function and it should work:

poster.forEach((p, index) => {
    p.addEventListener('click', () => {
        videoTag.src = xResult[movieLanguageUrl][index + 1]; 
   });
});