javascript - 在 Jquery 模板上，如何动态设置 css 类？

Question

我正在使用 asp.net web api 元素并在其中使用 jquery 模板。

in ready
$('a').click(function () {
            debugger;
            // remove the selected class from all anchors
            $('.row a').removeClass('selected');

            // Add the selected class to the currently clicked anchor
             $(this).addClass('selected');            
        });

<div class="row">
            <div class="span3">
                <!-- Added dynamic data from script GroupTypeTemplate -->              
            </div>
</div>
<script id="GroupTypeTemplate" type="text/html">
                <nav id="options" class="work-nav">
                    <ul id="filters" class="option-set" data-option-key="filter">                                            
                         <li>                            
 <a onclick="getGroupById('${Id}')"  data-option-value="*">${TypeName}</a>
                         </li>
                    </ul>
                </nav>                 
                </script>

I want to set that class attribute dynamically as per which menu is currently active

但是如何检查哪个 id 当前是 active 我可以设置 class="selected"

jquery 模板中的语法是什么？

Answer 1

这会将选定的 attr 仅放入被单击的 a。

$("a").click(function(){
    $("a").removeClass("selected");
    $(this).addClass("selected");
});