设置一个li点击变色的方法

如图，想加一个点击哪条li，哪条就变背景色的方法

看看是否能满足你的要求：
<script type="text/javascript">
    var tempUL = document.getElementById("CompanyList");
    for( var i=0;i<5;i++){
        var tempLi = document.createElement("li");
        tempLi.dataId = i+1;
        var tempString = "<div style='float:left;' class='num'>" +(i+1)+"</div><div style='float:left;' class='Company'>段总分公司</div></br>";
        tempLi.onclick = function() {
            if(this.className=="lionclick"){
                this.className="";//li变色 
                this.firstChild.className="";
                this.firstChild.nextSibling.className="Company";
            }else{
                this.className="lionclick";//li变色 
                this.firstChild.className="lionclick";//num变色 
                this.firstChild.nextSibling.className="lionclick";//conmpany变色 
            }
        }
        tempLi.innerHTML=tempString;
        tempUL.appendChild(tempLi);
    }

</script>
<style type="text/css">
    li{  
        list-style-type:none;  
    }  
    .Company{
        background: #449d44;
    }
    .lionclick{
        background: yellow;
    }
</style>

选择这些li 用toggleClass()添加一个class,用来改变颜色

你的tempLi添加2个click是干嘛的。修改任意一个事件，给li添加背景色就好了

 function CreateData(){
$(this).css('background-color','#f00').siblings().css('background-color','');
//......其他代码
}

获取点击的li，加个改变背景颜色的样式就行了。

加一个点击事件 点击触发之后 改变他的颜色样式

给li加点击事件就可以了
li.onclick=function(){
''修改背景颜色代码''
}

  li:focus{
        color: red;
    }