如何在 for 循环中更改 HTML 元素的 id 值

Question

我正在尝试在我的 asp.net 项目中插入评级系统。问题是，在我看到的每个教程中，都有两个单独的评级，一个显示实体的评级，另一个显示您的评级率（其中大多数就像添加带有评级的新评论）。所以我试图只使用一个 5 星评级，显示平均评级并在悬停和点击时改变颜色。这是我的逻辑：

@for (var i = 1; i <= Model.Photo.Rating.Rate; i++)
                            {
                                <span class="starGlowN"  id="Rating+i" "onclick="CRate(i)" onmouseover="CRateOver(i)" onmouseout="CRateOut(i)"></span>
                            }
                            @for (var i = (Model.Photo.Rating.Rate + 1); i <= 5; i++)
                            {
                                <span class="starFadeN"></span>
                            }}

所有函数（Crate,CRateOver,CrateOut）都采用跨度类 StarGlown 的 is 并更改类名，这样星星就会改变它们的颜色。

如何更改循环中的 id (Rating1,rating2)，我已经尝试使用 id="Rating+i" 但这不起作用，您能否帮助使用正确的语法

Answer 1

@for (var i = 1; i <= Model.Photo.Rating.Rate; i++)
                    {
                         <span class="starGlowN" id="Rating" + @i onclick="CRate(@i)" onmouseover="CRateOver(@i)" onmouseout="CRateOut(@i)" onmouseout="CRateOut(@i)"></span>
                        }