使用Jquery动态改变标题颜色

如上图所示，当点击“版面分类”时，改变其颜色，其他标题切换成默认的颜色

 

代码如下：

 

css代码：

 

.titleDefaultColor{
	FONT-WEIGHT: bold; 
	COLOR: #069
}
.titleChangeColor{	
	FONT-WEIGHT: bold; 
	color: #FF6600;
}

 HTML代码：

 

 

<a id="smilies" class="titleDefaultColor" alink="1" onclick="changeColor(this);" href="#" target="main">${I18n.getMessage("Admin.search")}</a>

  给<a>标签自定义一个alink属性，用于在JS中进行查找 

 

js代码：

 

<script type="text/javascript">
	$(document).ready(function() {
	
	});
this.changeColor = function(obj){
	$("#nav").find("[alink]").each(function(i){
					$(this).removeAttr('class');
					$(this).attr('class','titleDefaultColor');
				}
			);
	$(obj).removeAttr('class');
	$(obj).attr('class','titleChangeColor');
}
</script>

  其中nav为<a> 上级的ID值