javascript - jQuery面向对象创建dom元素并添加事件监听器

Question

我有个小问题。我在一个对象中创建了一些元素并且工作正常。但是现在我想添加一些 EventListeners 来执行对象内部的函数，问题是我无法执行函数“setSelection”。 (“this”不是对象的“this”，而是点击函数内事件的“this”)。

function Object() {
    this.init = function () {
        // delete table
        // ...
        // set table
        $('tr').append('<td id="1">test</td>');

        $('td').click(function() {
            // execute setSelection
        });
    }

    this.setSelection = function(x) {
        alert('You clicked id ' + x);
    }
}

$(document).ready(function() {
    x = new Object();
    x.init();
});

Answer 1

您可以通过将外部作用域中的 this 的引用存储到可以在 click 事件处理程序中使用的变量来解决此问题:

function Object() {
    var _this = this;

    this.init = function () {
        // delete table
        // ...
        // set table
        $('tr').append('<td id="1">test</td>');

        $('td').click(function() {
            _this.doSomething();
        });
    }

    this.setSelection = function(x) {
        alert('You clicked id ' + x);
    }
}