Die gekapselte Funktion in jquery übergibt das aktuelle Element

Dieser Artikel führt Sie hauptsächlich in die Methode zum Kapseln von Funktionen in jquery ein, um das aktuelle Element zu übertragen. Der Artikel enthält detaillierte Beispielcodes, die für jeden, der ihn benötigt, einen gewissen Referenz- und Lernwert haben. Ich hoffe, es hilft allen.

Ich bin kürzlich bei der Arbeit auf ein Problem gestoßen. Ich muss Ajax-Operationen für eine Gruppe von Elementen auf der Seite ausführen. Die Struktur ist wie folgt:

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="stop">Stop here</p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p>

Schreiben Sie eine Durchlauffunktion

function a() {

      $('p').each(function () {

        var that = $(this);

        var id = that.attr('id');

        b(id, that)

      })

    }

Führen Sie zuerst die Funktion a() aus, um jedes Element zu durchlaufen, und führen Sie dann die Funktion b() aus, um Ajax auszuführen

function b(aId,that) {

      $.ajax({

        url: 'ajaxHandler.ashx',

        data: { aid: aid },

        dataType: 'text',

        type: 'post',

        async: true,

        success: function (data) {

          var content = '';

          if (data == 'true') {

            content = "正确";

          } else {

            content = "错误";

          }

          that.html(content);

        }

      })

    }

Weisen Sie dem angeklickten Element basierend auf der Rückgabe unterschiedliche Werte zu Wert

Da HTML-Elemente Teile haben Der Stil ist derselbe, daher gibt es keine Möglichkeit, einen Wert gemäß $("#id").html("Assignment"); zuzuweisen , verwenden Sie dies, um den Rückgabewert dem aktuell angeklickten Element zuzuweisen

Da die Seitenfunktionen verschachtelt sind, muss das aktuelle Element übergeben werden,

. Es kann am Ende schwierig sein, dies zu verwenden und trotzdem das richtige aktuelle Element zu erhalten. Daher können Sie eine Variable verwenden, um dies zu speichern:

var that = $(this); Dann verwenden Sie es einfach

Verwandte Empfehlungen:

Ajax-Kapselungsfunktion JSONP-Verwendungsmethode

Einführung mehrerer Kapselungsfunktionen in Javascript-ECMA

PHP-Kapselungsfunktion zum Generieren eines zufälligen String-Verifizierungscodes

Das obige ist der detaillierte Inhalt vonDie gekapselte Funktion in jquery übergibt das aktuelle Element. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!