jQuery this innerhalb jeder Schleife

Innerhalb der initialize() Funktion es ist ein jQuery - each Schleife. Innerhalb dieser Schleife ist eine Referenz auf this.dbcolumns dem ist offensichtlich nicht so funktioniert, wie jQuery zugewiesen this um den aktuellen Schleifen-element. Also, wie kann ich mich auf this.dbcolumns aus dem inneren der Schleife? Es funktioniert außerhalb der Schleife ok.

function datatable() {
    this.url = '';
    this.htmltable = '';
    this.dbtable = '';
    this.dbcolumns = new Array();
    this.idfield = 'id';
    this.pageno = 0;
    this.pagesize = 15;
    this.totalpages = 0;
    this.totalrecords = 0;
    this.searchterm = '';

    this.initialize = function() {
        this.dbtable = $(this.htmltable).attr('data-table');
        this.dbcolumns.push(this.idfield);
        $(this.htmltable + ' th[data-field]').each(function(i, col){
            this.dbcolumns.push( $(col).attr('data-field') ); /* <<<<<<<<<< this line */
        });
        return this;
    }
}
  • var that =this dann verwenden that...
  • Anmerkung: die Funktion-Ausdrücke sollten ein abschließendes Semikolon.
  • Dank pimvdb. tun wird 🙂
InformationsquelleAutor Christian | 2012-06-17
  1. 14

    stellen Sie einen Verweis auf "diese", dass Sie möchten, um auf zu halten außerhalb der Schleife.

    var self = this;

    dann kann man mit "selbst" innerhalb der Schleife.

    • danke! cant mark als Antwort für weitere 11 Minuten aber nicht :s
    InformationsquelleAutor Caleb
  2. 4

    Speichern eines Verweises auf this außerhalb der each Rückruf, oder verwenden Sie die ES5 bind Methode:

    $(this.htmltable + ' th[data-field]').each(function(i, col){
     this.dbcolumns.push( $(col).attr('data-field') );
}.bind(this));

    Oder, wie bereits in den Kommentaren verwenden $.proxy:

    $(this.htmltable + ' th[data-field]').each($.proxy(function(i, col){
     this.dbcolumns.push( $(col).attr('data-field') );
}, this));
    • Mit jQuery ist es ratsam, die Verwendung $.proxy weil .bind wird nicht überall unterstützt.
    • Wahr. Ich arbeite viel mit PrototypeJS vor kurzem (die shims bind für Sie), so halte ich die Vermischung der jQuery-Muster-und Prototyp-Muster.
    InformationsquelleAutor James Allardice
  3. 3

    Den gängigen JS-Muster zu lösen, ist die Verwendung Verschluss: 

    this.initialize = function() {
    var that = this;

    this.dbtable = $(this.htmltable).attr('data-table');
    this.dbcolumns.push(this.idfield);
    $(this.htmltable + ' th[data-field]').each(function(i, col){
        that.dbcolumns.push( $(col).attr('data-field') ); /* <<<<<<<<<< this line */
    });
    return this;
}
    InformationsquelleAutor bjornd
Schreibe einen Kommentar