使用场景：网站上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); }
原文：https://www.cnblogs.com/luo1240465012/p/9626868.html