我需要添加&单击锚标记时删除类。
<div class="activeTab">
<a href="#." class="active">Active</a>
<a href="#.">Inactive</a>
</div>
以上div有两个锚标签&amp; “活跃”&amp; “非活动”一个人有一个“活跃”的类。我的要求是需要在点击“非活动”锚标记&amp;中删除该“活动”类。将“活动”类添加到单击的“非活动”锚点,如果我再次单击“活动”锚点,则类将删除“非活动”锚点和将添加到“活动”锚点。用jquery。
答案 0 :(得分:0)
$('div.activeTab a').click(function(){
var $this = $(this);
$this.parent().find('a').removeClass('active');
$this.addClass('active');
})
答案 1 :(得分:0)
试试这个
$('div.activeTab a').click(function () {
var $this = $(this);
$this.siblings().removeClass();
if ($this.hasClass('active')) {
$this.removeClass('active').addClass('inactive')
} else {
$this.removeClass('inactive').addClass('active');
}
})
答案 2 :(得分:0)
如果我心存不好......
我重新制作了一个旧的lil片段做你想要的(或者我想你想要的)xDD
对不起我的英文,我很难写上它。
HTML
<div class="container">
<div class="activeTab">
<a href="#." class="button_active">Active</a>
<a href="#." class="button_inactive">Inactive</a>
</div>
</div>
CSS
.activeTab { width:100%; padding:30px 0 20px 0; background:#fff; }
.active { background: #f0f0f0; }
JS
$(function() { $( ".button_active" ).click(function() {
$( ".activeTab" ).addClass("active");
return false; }); });
$(function() { $( ".button_inactive" ).click(function() {
$( ".activeTab" ).removeClass("active");
return false; }); });
您可以在JSFiddle http://jsfiddle.net/aritz81/74bGe/1/
上看到一个有效的演示