如何根据隐藏字段值添加类？

Question

我在隐藏字段中设置了一个模型值，

＆＃13;

＆＃13;

 <input type="hidden" value="@Model.textServiceType" id="hdtextListServiceType" />

＆＃13;

＆＃13;

＆＃13;

然后我使用a循环

绑定foreach元素

＆＃13;

＆＃13;

<div class="container">
        <div class="main-sectors">
            @foreach (var item in Model.listServiceType)
            {
                <a href="#" class="p-l-35">@Html.Raw(item)s</a>
            }
            <a href="#" class="p-l-35">Products</a>
        </div>
    </div>

＆＃13;

＆＃13;

＆＃13;

现在我要添加sector-active类，其中hdtextListServiceType值相等。我试过这段代码。但是没有发生。

＆＃13;

＆＃13;

 if ($('#hdtextListServiceType').val() != "") {
       
        $('a').removeClass('sector-active');

        if($('.main-sectors a').html() == $('#hdtextListServiceType').val() ){          
            $('.main-sectors a').addClass('sector-active');
        }
          
    }

＆＃13;

＆＃13;

＆＃13;

我该怎么做？请帮帮我......

Answer 1

使用$ .each（）迭代锚标记。以下是代码

$(document).ready(function(){
  if ($('#hdtextListServiceType').val() != "") {
    $('a').removeClass('sector-active');
      $('.main-sectors a').each(function(){
        if($(this).html()==$('#hdtextListServiceType').val()){
        $(this).addClass('sector-active');
      }
    });
  }
});