jQuery zum Durchlaufen von Elementen mit der gleichen Klasse

Question

Ich habe eine Reihe von Divs mit der Klasse testimonial und ich möchte Jquery verwenden, um Schleife durch sie für jedes div zu überprüfen, wenn eine bestimmte Bedingung wahr ist. Wenn es wahr ist, sollte es eine Aktion durchführen.

Weiß jemand, wie ich das machen kann?

Answer 1

Ohne jQuery aktualisiert

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

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

Answer 2

Sie könnten die jQuery-Methode $each verwenden, um eine Schleife durch alle Elemente mit der Klasse testimonial zu ziehen. i => ist der Index des Elements in der Sammlung und val gibt Ihnen das Objekt dieses bestimmten Elements und Sie können "val" verwenden, um weiter auf die Eigenschaften Ihres Elements zuzugreifen und Ihre Bedingung zu überprüfen.

$.each($('.testimonal'), function(i, val) { 
    if(your condition){
       //your action
    }
});

Answer 3

In JavaScript ES6 .forEach() über eine Array-artig NodeList Sammlung gegeben durch Element.querySelectorAll()

document.querySelectorAll(".testimonial").forEach((el, idx) => {
  el.style.color = "red";
  console.log(`${idx} 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>

Answer 4

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

Answer 5

Genauere Angaben:

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