我正在使用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模板中的语法是什么?
答案 0 :(得分:1)
这会将所选的attr仅放到被点击的a
。
$("a").click(function(){
$("a").removeClass("selected");
$(this).addClass("selected");
});
答案 1 :(得分:0)
让脚本处理动态添加的内容,您需要将事件放在文档上,如下所示
$(document).on('click', 'a', function(){
//remove, add here
});