How to turn jQuery each() into a regular javascript loop?

Web Development
,
1

I am trying to create a loop with a list of elements in javascript. I can do it with jQuery very quickly with the following code.

$('.list-item').each(function(){ 
    // do something
});

But where I am adding the code does not have jQuery included. So I am trying to create the jQuery each() loop with the regular javascript.

<ul class="list">
    <li class="list-item">Item 1</li>
    <li class="list-item">Item 2</li>
    <li class="list-item">Item 3</li>
    <li class="list-item">Item 4</li>
    <li class="list-item">Item 5</li>
    <li class="list-item">...</li>
    <li class="list-item">...</li>
    <li class="list-item">Item 99</li>
    <li class="list-item">Item 100</li>
</ul>

What is the best way to write a regular javascript loop with the list?

2

You can write a for loop for a list of elements with the following code.

let elems      = document.querySelectorAll('.list-item');
let itemCount  = elems.length;
for( i = 0; i < itemCount ; i++ ) {
    // elems[i];
    // console.log( elems[i].textContent );
}