想要在单击当前标题id时删除突出显示的标题

时间:2013-06-28 22:22:54

标签: jquery

我有这个jquery代码,我发现当我点击标题时它突出显示红色。我现在的问题是删除突出显示的颜色,只突出显示当前或最近点击的颜色

$j('div.tabbed-sidebar ul.sidebar-tabs li a').click(function () {
        $j(this).css('background-color', 'red'); <---this is where is highlights red
        $j(this).removeClass('tab-current');
        var thisClass = this.className.substring(12, this.className.length);
        var parentId = this.parentNode.parentNode.parentNode.id;
        $j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content').hide();
        $j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content-' + thisClass).show();
        $j('#' + parentId + '.tabbed-sidebar ul.sidebar-tabs li a').removeClass('tab-current');
        $j(this).addClass('tab-current');     
    });

1 个答案:

答案 0 :(得分:0)

以下是如何做到这一点:

fiddle example

的.js

$("h2").on("click",function(){
    $(this).addClass("red");
    $("h2").not(this).removeClass("red");
});

的CSS

.red{
    background: red;
}

html的

<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>