Variables à l'intérieur de JQuery

Question

J'ai créé une étiquette de division à l'intérieur du menu li et ajouté une classe Div1. Tout fonctionne bien. Mais maintenant, je veux créer des balises div avec div1, et sur un autre cliquez sur div2 puis div3.

Alors est-il possible d'utiliser une variable et d'avoir un compteur à l'intérieur?

 $(document).ready(function(){ 


      $(".menu a").click(function() { 

     $("<div> Label </div>").appendTo(".menu li").addClass("div1"); 
           $(".div1").show(function() { 
          $(".div1").editInPlace({ 
          url: "./server", 
          show_buttons: true 
           });//editinplace 

         });//show 
         });//click 
     }); 

Answer 1

Je ne sais pas pourquoi vous voulez changer la classe, mais au cas où vous faites ce qui est inclus ... je ne vois pas l'ID se régler ....

$(document).ready(function() 
{ 
    var increment = 0; 
    $(".menu a").click(function() 
    { 
     increment++; 
     $("<div> Label </div>").appendTo(".menu li").addClass("div" + increment); 
     $(".div" + increment).show(function() 
     { 
      $(".div" + increment).editInPlace({ 
       url: "./server", 
       show_buttons: true 
      });//editinplace 

     });//show 
    });//click 
}); 

le champ enchaînant en javascript signifie que la variable 'increment' est toujours visible pour la fonction click.

Answer 2

Je pense que vous n'avez pas besoin de spécifier div1, div2 etc. J'ai utilisé edit en place avec jquery. Je viens d'ajouter la même classe (comme éditable) à tous les éléments dont j'ai besoin pour modifier en place et mettre en fonction prêt comme ceci:

$(document).ready(function(){ 
    $(".editable").editInPlace(...../*other stuff*/); 
});