一个网页中左侧是栏目名称列表,右侧是栏目内容列表。现在想在左侧列表中高亮显示当前栏目,所以鼓捣出来了这段代码。实际上也用了点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>