li标签下的a标签。点击一个a标签，当前a标签变红色 其他a标签变黑色 如何实现，求大神

如果用jquery的话：

var lable_a = $('li').children('a');
lable_a.click(function() {
    lable_a.css('color', 'black');
    $(this).css('color', 'red');
});

如果用原生JS的话（IE8及以上）：

var lable_a = document.querySelectorAll('li > a');
for (var i = 0; i < lable_a.length; i++) {
   addClickHandle(lable_a[i]);
}
function addClickHandle(elm) {
   elm.onclick = function () {
       for (var i = 0; i < lable_a.length; i++) {
           lable_a[i].style.color = 'black';
       }
       this.style.color = 'red';
   }
}

  
	

	
	
	
  

    

			
111

			
222

			
333

	

  

你可以把知道君的.hover换成.bind("click",function(){})