一、今天完成的事：

1.实现杀人页面点击的时候，改变背景色，并实现只改变当前点击玩家的背景色；

2.根据this.innerhtml判断杀手点击的是否是杀手，提示杀手更换为水民；

二、明天的计划：

1.继续任务4

三、遇到的问题：

1.杀手杀人的时候，改变玩家的状态，但是目前是一次可以更改多个玩家的状态，明天需要研究只能更改当前玩家的状态，应该也可以根据只改变当前背景色的实现方式一样；

2.4个流程界面暂时无法杀人后再跳转到该页面时直接更改之前点击的流程的背景色，明天尝试将4个流程设置为对象，点击后更改对象状态，根据状态显示背景色；

四、收获：

1.学习this.index的用法，将数组下标动态变化，获取当前点击的是哪个div

var allPeople = $(".role-name");
for (var i = 0; i < allPeople.length; i++) {
    allPeople[i].index = i ;
    allPeople[i].onclick = function () {
        console.log(this.innerHTML);
        if (this.innerHTML == "杀手") {
            alert("这样不合适，还是选个水民吧！")
        }else {
            color();
            $(allPeople[this.index]).css("background-color","red");
            allPlayers[this.index].status = "die";
            console.log(allPlayers);
        }
    }
}

2、为了避免选择多个div时，同时改变其背景色，重新定义个函数，先将所有的div的背景色还原一遍；

function color() {
    for (var i = 0; i < allPeople.length; i++) {
        $(allPeople[i]).css("background-color","#f5c97b");
    }
}