动态生成的 JavaScript 点击事件的问题

Question

我正在尝试生成几个 div，每个 div 都应该有一个单独的onclick处理程序。 但是，当我在应用程序中创建多个项目时，之前的所有项目都与第一个项目具有相同的onclick事件。 下面是基于数组或“项目”对象生成 html 的代码。 如何更改此代码以保留所有单个点击事件？

var t1 = new Tracker(function(projects) {
        var tempElem;

        projectList.innerHTML = "";
        for(i in projects) {
            tempElem = document.createElement("div");
            tempElem.setAttribute("id", projects[i].id);
            tempElem.setAttribute("class", "project");
            tempElem.innerHTML = projects[i].name;
            projectList.appendChild(tempElem);
            document.getElementById(projects[i].id).onclick = function() {
                t1.setActiveProject(t1.getProjectById(projects[i].id)); };
        }
    }, setActiveProject);

Answer 1

使用 jQuery 将为您节省大量时间和麻烦。 我建议将它用于您要完成的任务。

http://docs.jquery.com/Main_Page

Answer 2

我需要在不使用框架的情况下完成这项任务。 这是我正在上课的课程。