c# - 仅更改所选 div 的类
问题描述
我希望它只更改 clicked 的类div
。目前它将更改所有div
s 的类。我已将其编写为 Blazor 组件。
@for (int i = 0; i < 5; i++)
{
<div class="@divClass" @onclick="_ => ChangeDivClass()">@i</div>
}
@code
{
String divClass;
private void ChangeDivClass()
{
if (divClass == "red")
{
divClass = String.Empty;
}
else
{
divClass = "red";
}
}
}
解决方案
您可以使用数组而不是一个变量。
@for (int i = 0; i < divClass.Length; i++)
{
var index = i;
<div class="@divClass[i]" @onclick="_ => ChangeDivClass(index)">@i</div>
}
@code
{
string[] divClass= new string[5];
private void ChangeDivClass(int i)
{
if (divClass[i] == "red")
{
divClass[i] = String.Empty;
}
else
{
divClass[i] = "red";
}
}
}
推荐阅读
- css - JavaFX CSS 中的多种渐变和颜色
- javascript - 具有初始缩放的 d3.js 区域图
- javascript - Angular 反应式表单验证的奇怪错误
- mysql - 通过 SUM() 递增 MySql 变量不正确
- node.js - npm 无法在 Windows 终端中安装软件包
- c - 如何在 Linux 下以编程方式检查给定 NIC 是否支持传输时间戳?
- c# - oauth 状态丢失或无效。处理远程登录时遇到错误
- apache-kafka-streams - Kafka Stream 拓扑优化
- android - 新收到的消息未从我自己的默认 SMS 应用收件箱中检索
- mongodb - MongoDB双嵌套数组保留展开