saber酱的抱枕

Fly me to the moon

02/28
18:31
学习

js设置当前栏目名高亮显示

一个网页中左侧是栏目名称列表,右侧是栏目内容列表。现在想在左侧列表中高亮显示当前栏目,所以鼓捣出来了这段代码。实际上也用了点jq,没全部用jq是因为在for循环里用jq报错。

<script>
	var now_title=$('.title').text();//获取当前栏目标题
	now_title = $.trim(now_title);//去掉字符串中的空格,如果没有空格可以省略此步
	var arr1 = new Array(); 
	a=$('.left_nav>a');//创建栏目列表的数组
	for (var i = a.length - 1; i >= 0; i--) {
	    var cc=a[i].innerText;//获取当前元素的文字
	    if (cc==now_title) {//如果这个元素的文字和栏目标题一致
	        a[i].style.color="#fff";//则设置css的color属性
	    };
	};
</script>

js设置当前栏目名高亮显示