Question

我有一些a个标签。

<ul class="" data-persist="true" >
@foreach (var item in Model)
{
   <li>
     <a class="tagactive" href="~/Product/ProductExplain?IdGroup=@item.id_tblgroup&flag=2&idproduct=@item.id">@item.explain </a>
   </li>
}
</ul>

当用户点击任何标签时，我希望其颜色更改为红色，当然在发布页面后。

如何将选定的链接发送到服务器并将其返回以更改颜色？

的style.css

.tagactive{
     color:red;
}

Answer 1

试试这个

您可以将model中的财产设为SelectedTag。在控制器端设置此Propery的值，根据此值，您可以将类设置为如下

<ul class="" data-persist="true" >
@foreach (var item in Model)
{
   <li>
     <a class="@if (Model.SelectedTag== Item.Name) {<text>tagactive</text>}
               else {<text>taginactive</text>}"
     href="~/Product/ProductExplain?IdGroup=@item.id_tblgroup&flag=2&idproduct=@item.id">@item.explain </a>
   </li>
}
</ul>

Answer 2

你可以试试JQuery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        .MyRed {
        color: red
        }
    </style>
</head>
    <body>
        <div id="myId"></div>

       <ul>
           <li>
               <a href="#" class="MyRed">google.com </a></br>
               <a href="#">test.com </a>
           </li>
        </ul>
        <script src="Scripts/jquery-2.0.3.min.js"></script>
        <script>
            $(document).ready(function () {
                $("a").click(function()
                {
                    $("a").removeClass("MyRed");
                    $(this).addClass("MyRed");
                });

                //  $("a").removeClass
            });
        </script>
    </body>
</html>

使用服务器代码更改所选标签的颜色

2 个答案: