带有模态/ div键的循环数组答案

【问题标题】：looping array with key for a modal/div带有模态/ div键的循环数组
【发布时间】：2019-02-14 19:29:18
【问题描述】：

我创建了一个项目列表，这些项目旁边有一个图标，我试图单击该图标并让它填充一个包含信息的模式，这将用于在我删除/编辑内容时添加到他们。

问题是，现在当我单击图标时，它似乎根本没有弹出任何模式。在我添加 $key 之前，它至少触发了一个模式，但每个人都有数组中第一项的信息。现在，我只是想为必要的项目添加一个键，这样如果我单击该图标，我就会得到一个仅包含该项目信息的模式。

我在这里做错了什么？

@foreach($nodes as $key => $node)   
    <div class="uk-width-1-1">
        <div class="uk-grid ">
            <div class="uk-width-2-6">
            {{$node->id}} - {{$node->name}}
            </div>
            <div class="uk-width-2-6 ">
                <span>{{ $node->comment }}</span> 
                 <a href="#edit-edit-modal{{ $key }}" data-uk-modal><span class="uk-icon-button"></span></a> 
            </div>
        </div>
    </div>
@endforeach


@foreach($nodes as $key => $node)
<div id="edit-edit-modal{{ $key }}" class="uk-modal">  
    <div class="uk-modal-dialog">
            <div class="uk-width-1-1">
                <div class="uk-grid uk-grid-small">
                    <div class="uk-width-2-10">
                    {{$node->id}} - {{$node->name}}
                    </div>
                    <div class="uk-width-2-10 testComment">
                        <span>{{ $node->comment }}</span> 
                    </div>
                </div>
            </div>
    </div>
</div>
@endforeach

【问题讨论】：

没有javascript？你检查控制台了吗？
还有，最后的html是什么样的，key是通过了吗？

标签： php html arrays laravel

【解决方案1】：

将两个 div 放在一个 foreach 中

@foreach($nodes as $key => $node)   
<div class="uk-width-1-1">
    <div class="uk-grid ">
        <div class="uk-width-2-6">
        {{$node->id}} - {{$node->name}}
        </div>
        <div class="uk-width-2-6 ">
            <span>{{ $node->comment }}</span> 
             <a href="#edit-edit-modal{{ $key }}" data-uk-modal><span class="uk-icon-button"></span></a> 
        </div>
    </div>
</div>
<div id="edit-edit-modal{{ $key }}" class="uk-modal">  
   <div class="uk-modal-dialog">
        <div class="uk-width-1-1">
            <div class="uk-grid uk-grid-small">
                <div class="uk-width-2-10">
                {{$node->id}} - {{$node->name}}
                </div>
                <div class="uk-width-2-10 testComment">
                    <span>{{ $node->comment }}</span> 
                </div>
            </div>
        </div>
    </div>
 </div>
@endforeach

【讨论】：