Question

我有一个带有foreach循环的列表。

<ul>
    <?php $i = 0?>
    @foreach ($cards as $card)
        <li id="{{$i}}"><a href="#">{{$card->title}}</a></li>
        <?php $i = $i + 1; ?>
    @endforeach
</ul>

基于id我想显示card-＆gt; id当我点击链接时我想显示特定卡片的ID。

<script>
    var myvar='<?php echo json_encode($cards);?>';

    alert(myvar);
    for(var i=0;i<myvar.length;i++)
    {
        $( "#"+i ).click(function() {
            alert( myvar );
        })
    }

</script>

Answer 1

因为你已经获取foreach循环中的数据，我们只会在每个链接的下一个div中隐藏用户名，然后我们会在用户点击链接时显示它，所以我们没有每次用户单击时建立与数据库的连接。

您必须在链接my-link中添加课程，并在视图中添加要显示名称.name的div：

查看代码：

<ul>
    @foreach(User:all() as $user)
        <li>
             <a href='' class='my-link'>{{$user->id}}</a>
             <div class='name' style="display: none">{{$user->name}}</div>
        </li>
    @endforeach
</ul>

添加javascript代码，将点击事件附加到类my-btn的按钮。

JS代码：

$(function(){
    $('body').on('click', 'my-link', function(e){
         e.preventDefault();

         $(this).parent().find('.name').show();
    })
})

注意：请确保您的代码中包含jquery库。

希望这有帮助。

单击按钮，我想显示数据库laravel 5.2中的记录

1 个答案: