如何通过JavaScript在Html.ActionLink中添加Css类？

我有一个主菜单视图：

    <div class="submenu">
    <ul>
        @foreach (var p in Model)
        {
            <li>
                <div class="manu_bg">
                    @Html.ActionLink(p.Name, "ListProductByGroupID", "Product", new { GroupID = p.GroupCategoryID, GroupName = p.Name }, null)
                </div>
                @{Html.RenderAction("ListCateByGroupID", "Category", new { GroupID = p.GroupCategoryID });
                }
            </li>
        }
    </ul>
</div>

---

我的javascript不工作？

向该链接添加一个ID，以便您可以找到它：

@Html.ActionLink(i.Name, "ListProductByCateID", "Product", new { CateID = i.CategoryID, CateName = i.Name }, new { id = "ListByCatLink" })</div>

或者jQuery，如果您正在使用：

$("#ListByCatLink").addClass("active");

---

function ActiveLink（）{var alllinks=document.getElementById（“alinks”）；for（var i=0；i

它在我的循环中找不到或返回0为什么要迭代返回

getElementById

？根据定义，只有一个链接具有该ID，所以只有一个，所以您不需要迭代。。。如果你有多个链接需要应用它，用一个类或数据属性来标记它们，然后根据它们找到它们。是的，我知道。我想从主菜单视图为我的子菜单添加活动类。

@Html.ActionLink(i.Name, "ListProductByCateID", "Product", new { CateID = i.CategoryID, CateName = i.Name }, new { id = "ListByCatLink" })</div>

var link = document.getElementById("ListByCatLink");
link.className = link.className + " active";

$("#ListByCatLink").addClass("active");