如何在laravel blade上循环动态添加'active'类？ （Laravel 5.3）

Question

我的看法是这样的：

<ul class="nav nav-tabs nav-cat"> 
    @foreach($countries as $country) 
     <li role="presentation"><a href="javascript:;" data-toggle="tab" @click="$refs.player.getPlayer({{ $country->id }})">{{ ucfirst($country->name) }}</a></li> 
    @endforeach 
</ul> 

我想在L1标签添加class="active"。所以，当点击标签时，li标签将会激活。我想第一个循环也会激活

我该怎么办？

Answer 1

如果您将按照有关The Loop Variable的说明，您会发现有用的$ loop-> first帮手。如果它是数组中的第一项，它将返回true。如果你想通过使用javascript

Answer 2

你可以使用JavaScript来做到这一点也动类活动标签，你应该让它在标签类点击

@foreach($items as $item) 
    <li class="{{ $loop->first ? 'active' : '' }}">...</li> 
@endforeach 

然后：所以，你可以做到这一点！

1. 将ID设置为您的li标签。
2. 通过id获取您的li标签元素。
3. .addClass('active');

Answer 3

我已经在过去使用的laravel包，如果你需要一个快速解决

https://github.com/dwightwatson/active