0
votes

En jQuery faire une boucle de chaque boucle d'articles spécifiques

J'ai un balisage HTML comme ceci:

$('.FullBox').each(function() {
  $('.item').each(function() {
    console.log($(this).find('.price').html();
  });
});

jquery

0 commentaires

3 Réponses :

1
votes

Au lieu d'imprimer chaque prix individuellement, ajoutez-les à un comptoir. De plus, vous devez limiter le sélecteur .item strong> à la portée de sa société complète de parent, donc j'utilise $ (this) $ ("item") code> au lieu de $ (". élément") code> xxx pré>

éditer: Comme vous avez une panneau de signe avant les numéros, vous devez les convertir en chiffres pure avant les calculs. P>

counter=counter + parseFloat($(this).find('.price').html().replace('$',''))

0 commentaires

2
votes

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="FullBox">

  <div class="totalPrice"></div>

  <div class="item">
    <div class="title">Item 1</div>
    <div class="price">$35</div>
  </div>
  <div class="item">
    <div class="title">Item 2</div>
    <div class="price">$58.99</div>
  </div>
</div>

<div class="FullBox">

  <div class="totalPrice"></div>

  <div class="item">
    <div class="title">Item 3</div>
    <div class="price">$22</div>
  </div>
  <div class="item">
    <div class="title">Item 4</div>
    <div class="price">$32</div>
  </div>
</div>

1 commentaires

Ne postez pas seulement du code, expliquez ce que l'OP a mal fait et comment vous l'avez corrigé.

1
votes

Ceci est une solution de JavaScript à vanille simple qu'au lieu de simplement changer le contenu de totalprice code> divs les crée également.

p>



<div class="FullBox">
  <div class="item">
    <div class="title">Item 1</div>
    <div class="price">$35</div>
  </div>
  <div class="item">
    <div class="title">Item 2</div>
    <div class="price">$58.99</div>
  </div>
</div>
<hr />
<div class="FullBox">
  <div class="item">
    <div class="title">Item 3</div>
    <div class="price">$22</div>
  </div>
  <div class="item">
    <div class="title">Item 4</div>
    <div class="price">$32</div>
  </div>
</div>

0 commentaires