我正在使用 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 模板中的语法是什么?
最佳答案
这会将选定的 attr 仅放入被单击的 a
。
$("a").click(function(){
$("a").removeClass("selected");
$(this).addClass("selected");
});
关于javascript - 在 Jquery 模板上,如何动态设置 css 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21266805/