jQuery pour parcourir les éléments avec la même classe

J'ai une charge de divs avec la classe testimonialet je veux utiliser jquery pour les parcourir pour vérifier chaque div si une condition spécifique est vraie. S'il est vrai, il doit effectuer une action.

Est-ce que quelqu'un sait comment je ferais cela?

Utilisez chacun: ' i' est la position dans le tableau, objest l'objet DOM que vous itérez (est également accessible via le wrapper jQuery $(this)).

$('.testimonial').each(function(i, obj) {
    //test
});

Vérifiez la référence de l' API pour plus d'informations.

essaye ça...

$('.testimonial').each(function(){
    //if statement here 
    // use $(this) to reference the current div in the loop
    //you can try something like...


    if(condition){

    }


 });

C'est assez simple de le faire sans jQuery de nos jours.

Sans jQuery:

Sélectionnez simplement les éléments et utilisez la .forEach()méthode pour les parcourir:

const elements = document.querySelectorAll('.testimonial');
Array.from(elements).forEach((element, index) => {
  // conditional logic here.. access element
});

Dans les anciens navigateurs:

var testimonials = document.querySelectorAll('.testimonial');
Array.prototype.forEach.call(testimonials, function(element, index) {
  // conditional logic here.. access element
});

Essayez cet exemple

Html

<div class="testimonial" data-index="1">
    Testimonial 1
</div>
<div class="testimonial" data-index="2">
    Testimonial 2
</div>
<div class="testimonial" data-index="3">
    Testimonial 3
</div>
<div class="testimonial" data-index="4">
    Testimonial 4
</div>
<div class="testimonial" data-index="5">
    Testimonial 5
</div>

Lorsque nous voulons accéder à ceux divsqui ont data-indexplus que cela, 2nous avons besoin de cette requête.

$('div[class="testimonial"]').each(function(index,item){
    if(parseInt($(item).data('index'))>2){
        $(item).html('Testimonial '+(index+1)+' by each loop');
    }
});

Exemple de travail de violon

vous pouvez le faire de cette façon

$('.testimonial').each(function(index, obj){
    //you can use this to access the current item
});

.eq () de jQuery peut vous aider à parcourir les éléments avec une approche indexée.

var testimonialElements = $(".testimonial");
for(var i=0; i<testimonialElements.length; i++){
    var element = testimonialElements.eq(i);
    //do something with element
}

divs  = $('.testimonial')
for(ind in divs){
  div = divs[ind];
  //do whatever you want
}

Vous pouvez le faire de manière concise en utilisant .filter. L'exemple suivant masquera toutes les div .testimonial contenant le mot "quelque chose":

$(".testimonial").filter(function() {
    return $(this).text().toLowerCase().indexOf("something") !== -1;
}).hide();

Avec une simple boucle for:

var testimonials= $('.testimonial');
for (var i = 0; i < testimonials.length; i++) {
  // Using $() to re-wrap the element.
  $(testimonials[i]).text('a');
}

Sans jQuery mis à jour

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

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

Je manque peut-être une partie de la question, mais je pense que vous pouvez simplement le faire:

$('.testimonial').each((index, element) => {
    if (/* Condition */) {
        // Do Something
    }
});

Cela utilise chaque méthode de jQuery: https://learn.jquery.com/using-jquery-core/iterating/

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

Plus précis:

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

En JavaScript ES6 .forEach () sur une collection NodeList de type tableau donnée parElement.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>

Vous pouvez utiliser la méthode jQuery $ each pour parcourir tous les éléments avec le témoignage de classe. i => est l'indice de l'élément dans la collection et val vous donne l'objet de cet élément particulier et vous pouvez utiliser "val" pour accéder davantage aux propriétés de votre élément et vérifier votre condition.

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