javascript - 在jQuery模板上，我如何动态设置CSS类？

我正在使用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>

  我想根据当前激活的菜单动态设置该class属性


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

jquery模板的语法是什么？

最佳答案

为了使脚本能够处理动态添加的内容，您需要将事件放在这样的文档上

$(document).on('click', 'a', function(){
    //remove, add here
});

关于javascript - 在jQuery模板上，我如何动态设置CSS类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21266805/