Html : 查看其父id之外的id

Question

我的网络应用程序崩溃了：

<div id="accordionExample" >
                    @foreach ($mysection as $section)
                        <?php $sec_name='home.sec'.$section->section_name ;
                        $collaps_count++;
                        $nf = new NumberFormatter("en", NumberFormatter::SPELLOUT);
                        $numbers_name=$nf->format($collaps_count);
                        $numbers_name=ucfirst($numbers_name);
                        $collapse_id='collapse'.$numbers_name;
                        $heading='heading'.$numbers_name;?>
                            <div class="card">
                                <div class="ard-header py-0 px-0" id="$heading" style="border: none">
                                    <button class=" btn w-100 text-right bg-light " type="button" data-toggle="collapse" data-target="#{{$collapse_id}}" aria-expanded="true" aria-controls="{{$collapse_id}}" >
                                        <h5 class="">{{__($sec_name)}}</div></h5>
                                    </button>
                                </div>
                                <div style="height:5px"></div>
                                <div id="{{$collapse_id}}" class="collapse <?php if($collaps_count == 1) echo 'show'?>"  aria-labelledby="{{$heading}}" data-parent="#accordionExample">
                                    @foreach ($course->Lession as $lession)
                                    @if ($section->section_name == $lession->section_name)
                                    
                                        <div class=" card-body flex-row d-flex justify-content-between">
                                            <div>- {{$lession->$less_lang}}</div>
                                                @if ($lession->id==$order->lession_id)
                                                    <div class="text-left ml-2"><i class="material-icons" style="color:green">visibility</i></div>
                                                @else
                                                    <div class="text-left ml-2"><i class="material-icons" style="color:grey">visibility</i></div>
                                                @endif
                                        </div>
                                    
                                    @endif    
                                    @endforeach
                                </div>
                            </div>
                            
                    @endforeach;
                </div>
                <!-- End of Lessionss Card -->
            </div>

问题出在循环折叠时：第一行在 (accordionExample) id 内正确开始。第二行开始于外部 (accordionExample) id。此行以 (accordionExample) id 的父级开始，如图所示：

Answer 1

您的 foreach 循环在 #accordionExample 之后开始，但最后有 2 个结束标记 div。

@endforeach;
                </div>
                <!-- End of Lessionss Card -->
            </div>

这应该更改为


                </div>
@endforeach;
                <!-- End of Lessionss Card -->
            </div>
``

Answer 2

您的标记中有 2 个错误：

关闭 div 内部按钮标签：

<h5 class="">{{__($sec_name)}}</div></h5>

替换为

<h5 class="">{{__($sec_name)}}</h5> 或 <h5 class=""><div>{{__($sec_name)}}</div></h5>

最后加div。

Html : 查看其父id之外的id

Html : view an id outside its parent id

html

loops

bootstrap-4

collapse