Explication détaillée du problème des événements de liaison dans la boucle JQuery

Il existe une page qui nécessite N DOM. Si nous devons lier manuellement l'jQueryévénement au dom, la charge de travail sera énorme et la quantité de code le sera également. Si cela augmente, cela semble compliqué. Pour le moment, nous pouvons utiliser jQueryLoop pour lier des événements afin de réduire la charge de travail et la quantité de code jQuery. Sans plus tarder, jetons un coup d'œil !

Il y a une page qui nécessite N DOM. L'ID de l'élément dans chaque DOM doit se terminer par un nombre :

<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="" />

Maintenant, il y a une boucle. Parfois, vous devez ajouter un événement onclick à chaque élément. Il est facile de penser à l'écrire comme

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

. . .

Ensuite, remplacez-le par ce qui suit :

$(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);
 }
});

Ce qui précède est une explication détaillée du problème de la liaison des événements JQuery dans une boucle. Pour plus d'informations, veuillez rechercher sur ce site .

Recommandations associées :

Code basé sur la carte de boucle jquery function_jquery

Code d'image à défilement circulaire JQuery_jquery

Liste d'actualités à défilement circulaire jQuery exemple de code_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!