перебор DOM элементов по кругу
 

на странице 4 элемента
на них нужно нажимать поочерёдно,
<a class="tdn prel w48px inbl">1</a>
<a class="tdn prel w48px inbl">2</a>
<a class="tdn prel w48px inbl">3</a>
<a class="tdn prel w48px inbl">4</a>
вот функция, которой нажимаю на 1 элемент:

document.addEventListener("DOMContentLoaded", function Rm()
{
d=setTimeout(function()
{
document.querySelectorAll('a[class^="tdn prel w48px inbl"]')[2].click();
}, 500);
});

как реализовать нажатие на 1,2,3,4 элементы поочерёдно?
пытался методом forEach, но не вышло :(

Brick,

var index = 0, a = ;
//...
 index = ++index % a.length;
 a[index].cllick();

спасибо

document.addEventListener("DOMContentLoaded", function Rm()
{
d=setTimeout(function()
{
var index = 0, a=document.querySelectorAll('a[class^="tdn prel w48px inbl"]');

index = ++index % a.length;

 a[index].click();

}, 1000);
});

не работает :( только на элемент №2 нажимает, а должен на 1,2,3,4 ... и опять 1,2,3,4 ... и тд...

Brick,

document.addEventListener("DOMContentLoaded", function()
{
var index = 0, a=document.querySelectorAll('a[class^="tdn prel w48px inbl"]');
void function Rm()
{
  a[index].click();
  index = ++index % a.length;
  setTimeout(Rm, 1000)
}()

});

спасибо попробую

как провильно экранировать 1) или 2):
1) \[\q\\]
2) \\[q\\]

:-?
возможно так \[q\]