jQuery для циклического прохождения элементов с одинаковым классом

Question

У меня есть загрузка div с классом testimonial, и я хочу использовать jquery, чтобы пройти через них, чтобы проверить для каждого div, выполняется ли определенное условие.Если это правда, он должен выполнить действие.

Кто-нибудь знает, как я это сделаю?

Answer 1

Без обновления jQuery

document.querySelectorAll('.testimonial').forEach(function (element, index) {
    element.innerHTML = 'Testimonial ' + (index + 1);
});

<div class="testimonial"></div>
<div class="testimonial"></div>

Answer 2

$('.testimonal').each(function(i,v){
  if (condition) {
    doSomething();
  }
});

Answer 3

Точнее:

$.each($('.testimonal'), function(index, value) { 
    console.log(index + ':' + value); 
});

Answer 4

В JavaScript ES6 .forEach () над массивом NodeList collection , заданным Element.querySelectorAll()

document.querySelectorAll('.testimonial').forEach( el => {
  el.style.color = 'red';
  console.log( `Element ${el.tagName} with ID #${el.id} says: ${el.textContent}` );
});

<p class="testimonial" id="1">This is some text</p>
<div class="testimonial" id="2">Lorem ipsum</div>