js動態添加的html綁定事件

使用場景：網站上ul里面的li數據需要從后台數據查詢出來即通過js添加數據。然后監聽點擊li點擊事件。

添加數據代碼：

        for(var i = 0; i < table.length; i++) {
            if(i === 0) {
                beforid = "role" + i;
                allrolestr += "<li class=\"roleli\" onclick=\"getroleclick(this)\" style=\"color:red;text-align:center;border-bottom:1px solid #ccc;padding-bottom: 10px;padding-top:5px;\" id=\"role" + i + "\" style=\"cursor:pointer;padding:10px;padding-left:17px;border-bottom:1px solid #ccc;\">" + table[i]["角色"] + "</li>";
            } else {
                allrolestr += "<li class=\"roleli\" onclick=\"getroleclick(this)\" id=\"role" + i + "\" style=\"cursor:pointer;padding:10px;padding-left:17px;border-bottom:1px solid #ccc;\">" + table[i]["角色"] + "</li>";
            }
        }
        $(".roleul").html(allrolestr);

事件處理：

function getroleclick(e) {
    //alert($(e).text());//獲取點擊項
    rolename = $(e).text();
    $(e).get(0).style.color="red";
    getsiteName(rolename);
}