foreachループからforループをsepareteする方法はありますか？

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 

閉じるボタンを押すと、jsはitemでdivを削除します。私はリスト内のすべての項目のクラスを変更する必要がありますが、foreachループのために、forループはforeachループの項目のamoutのために実行されます。どのようにしてループを1回だけ実行できますか？私は（あなたは、私が何を意味するか理解願っています：$(document).ready以上でサイクル@For入れ

Answer 1

は、コードを書き換える - 、@forを削除.closeと.cart-headerから$iを削除し、文書対応プットに：

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