我有4个锚点,我想在点击时向锚点添加一个当前类,并同时从其他3个类中删除该类。这是我的代码。我做错了什么?
if ($("ul#thumb a").hasClass("current") {
$("ul#thumb a").removeClass("current");
$(this).addClass("current");
});
我的html看起来像这样:
<ul id="thumbs">
<li>
<!-- intro page navi button -->
<a id="t0" class="active" name="t0">The Company</a>
<ul class="navi">
<li><a style="display:none"></a></li>
<li><a id="t1" name="t1">The Brief</a></li>
<li><a id="t2" name="t2">The Solution</a></li>
<li><a id="t3" name="t3">The Result</a></li>
</ul>
</li>
</ul>
答案 0 :(得分:29)
通过使用事件委派,我们只为所有点击事件绑定一个处理程序。当单击锚点(.current
锚点除外)时,我们剥离其类的.current
锚点,并使点击的锚点成为新的锚点:
$("#thumbs").on("click", "a:not(.current)", function ( event ) {
$(".current", event.delegateTarget).removeClass("current");
$(this).addClass("current");
});
答案 1 :(得分:0)
我认为这会对你有帮助
$("a").click(function() {
$('a').removeClass('current');
var id = $(this).attr('id');
$('#'+id).addClass('current');
});