Wie für Schleife aus foreach Schleife zu separieren?

Question

@foreach($cart_items as $cart_item) 
@for($i=1;$i<count($cart_items);$i++) 

       <script>$(document).ready(function(c) { 
         $('.close{{$i}}').on('click', function(c){ 
          $('.cart-header{{$i}}').fadeOut('slow', function(c){ 
           $('.cart-header{{$i}}').remove(); 
          }); 
         }); 
        }); 
       </script> 




      <div class="cart-header{{$i}}"> 
       <div class="close{{$i}}"></div> 
        <div class="cart-sec simpleCart_shelfItem"> 
         <div class="cart-item cyc"> 
          <img src="{{asset(env('THEME'))}}/images/pic1.jpg" class="img-responsive" alt=""/> 
         </div> 
         <div class="cart-item-info"> 
          <h3><a href="#">{{$cart_item->name}}</a><span>Price: {{$cart_item->price}}</span></h3> 
          <ul class="qty"> 
           <li><p>Qty : {{$cart_item->qty}}</p></li> 
           <li><p></p></li> 
          </ul> 
          <div class="delivery"> 
           <p></p> 
           <span></span> 
           <div class="clearfix"></div> 
          </div> 
         </div> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
@endfor 
@endforeach 

Also, wenn ich schließen Knopf drücken, entfernt js div mit Artikel. Ich muss die Klasse für jedes Element in der Liste ändern, aber wegen der foreach-Schleife, für Schleife läuft für viele Elemente in foreach-Schleife. Wie kann ich nur einmal für eine Schleife laufen? Ich hoffe, Sie verstehen, was ich meine (:

Answer 1

Put @For Zyklus in $(document).ready oder besser den Code neu schreiben - entfernen @for, entfernen $i aus .close und .cart-header und in Dokument-ready Put:

$('.close').on('click', function() { 
$(this).children(".cart-header").fadeOut("slow").remove(); 
}