javascript - 在其他函数上调用时，表函数中的变量为空

Question

我正在尝试制作一个关于考勤监控系统的 jsp 项目。我有一个表，其中包含通过数据库检索的数据，并且在用户单击一行后添加了一个事件。单击后，所选事件行中的参与者数量将出现在我制作的某个 div 中。它有效，但是，对于需要所选行中的变量的其他函数，我找不到访问 onclick 函数中的变量的方法。

<script>
            var event
            $(document).ready(function () {
                var rows = document.getElementById('table'), rIndex;
                for (var i = 1; i < table.rows.length; i++) {
                    table.rows[i].onclick = function () {
                        event = this.cells[1].innerHTML; //the important variable needed
                        var houseA = "azul";
                        var houseG = "giallo";
                        var houseC = "cahel";
                        var houseR = "roxxo"

                        $("#a").load("dataEvents.jsp", {
                            event,
                            houseName: houseA
                        });
                    }
                }
            });
            function diffFunction(){
                alert(event); //returns empty
            }
</script> 

标签： javascriptjspvariablesonclick