.actives { color:blue; } @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { <div class="htext actives">@item.TypeName</div> } </div> <div class="hmain"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { @foreach (var item2 in item.TList) { <div style="display:flex; align-items: center;"> <img style="width:200px; height:200px;" src="@item2.achievement" alt="..." class="img-rounded"> <div class="hmain-t"> <h5 onclick="Detail('@item2.Id')">@item2.Name</h5> <span>@item2.FundingRequire</span> </div> </div> } } </div> </div> <script> $('.htext').click(function () { $(this).addClass('actives').siblings().removeClass('actives'); }); </script>让第一个元素默认为激样式活

你可以在第一个元素上添加 `actives` 类，如下所示：

<div class="hmenu">
  @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) {
    <div class="htext @if (item == ViewBag.list[0]) {<text>actives</text>}">@item.TypeName</div>
  }
</div>

这样第一个元素就会默认具有 `actives` 类了。

相关问题

<div class="htitle"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { <div class="htext actives">@item.TypeName</div> } </div> <div class="hmain"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { @foreach (var item2 in item.TList) { <div style="display:flex; align-items: center;"> <img style="width:200px; height:200px;" src="@item2.achievement" alt="..." class="img-rounded"> <div class="hmain-t"> <h5 onclick="Detail('@item2.Id')">@item2.Name</h5> <span>@item2.FundingRequire</span> </div> </div> } } </div> </div> <script> $('htitle>htext').Click(function (){ $(htext).addClass('actives').siblings().removeClass('actives') }) </script>切换样式

这段代码是一个包含两个 foreach 循环的 Razor 视图代码，用于展示某个类型下的多个项目。第一个 foreach 循环用于展示类型名称，第二个 foreach 循环用于展示该类型下的多个项目。其中，每个项目由一张图片和项目名称、资金需求组成。最后的 script 标签是用于实现点击切换样式的功能，但是代码可能有些问题，应该改成：

$('.htitle .htext').click(function (){
    $(this).addClass('actives').siblings().removeClass('actives');
});