Ausführliche Erläuterung des Problems der Bindung von Ereignissen in der JQuery-Schleife

Es gibt eine Seite, die N DOMs erfordert. Wenn wir jQueryEreignisse manuell an den Dom binden müssen, wird der Arbeitsaufwand enorm sein, und auch die Menge an Code wird enorm sein Wenn es zunimmt, sieht es chaotisch aus. Zu diesem Zeitpunkt können wir jQueryLoop verwenden, um Ereignisse zu binden, um die Arbeitsbelastung und die Menge an jQuery-Code zu reduzieren.

Es gibt eine Seite, die N DOMs erfordert. Die Element-ID in jedem DOM muss mit einer Zahl enden. Zum Beispiel:

<input type="text" name="username" id="username_1" value="" />
<input type="text" name="username" id="username_2" value="" />
<input type="text" name="username" id="username_3" value="" />

Jetzt gibt es eine Schleife Manchmal muss man jedem Element ein onclick-Ereignis hinzufügen. Es ist leicht, es als

$(function(){
 for(var i=1; i<=3; i++){
  $(&#39;#username_&#39;+i).onclick(function(){
   alert(i);
  });
 }
});

zu schreiben. . .

Dann ändern Sie es einfach wie folgt:

$(function(){
 for (var i=1; i<=3; i++){
  $("#username_"+i).bind("click", {index: i}, clickHandler);
 }

 function clickHandler(event) {
  var i= event.data.index;
  alert(i);
 }
});

Das Obige ist eine detaillierte Erklärung des Problems der JQuery-Bindungsereignisse in einer Schleife. Für weitere Informationen suchen Sie bitte auf dieser Website .

Verwandte Empfehlungen:

Code basierend auf der JQuery-Schleifenzuordnung function_jquery

JQuery kreisförmiges Bildlaufbild code_jquery

jQuery kreisförmiges Bildlaufbild-Beispielcode_jquery

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Problems der Bindung von Ereignissen in der JQuery-Schleife. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!