如何将for循环与foreach循环分开？

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 会删除带有项目的 div。我需要为列表中的每个项目更改类，但是，由于 foreach 循环，for 循环运行 foreach 循环中的项目数量。如何只运行一次 for 循环？

Answer 1

将@for循环放入$(document).ready或更好地重写代码 - 删除@for，从.close和.cart-header中删除$i并放入文档准备就绪：

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